使用jquery保留href和html元素将H3更改为H2 [重复]

Question

我需要将h3 标记更改（仅）为h2，保留所有默认的 html 元素，此代码正在删除所有 html 内容！！

<script type="text/javascript">
$(function () {
        $('.sideMenu h3').replaceWith(function () {
        return "<h2>" + $(this).text() + "</h2>";
    });
});
</script>

<div class="sideMenu">
    <h3 class="sapanos">
       <span></span>
       <a href="#" title="Sainos">Sapanos</a>
    </h3>
</div>

Answer 1

使用.html() 保留所有HTML 结构。 text() 只是获取纯文本，并丢弃所有标签。

$('.sideMenu h3').replaceWith(function () {
  return "<h2>" + $(this).html() + "</h2>";
});

要保留课程，请执行以下操作：

$('.sideMenu h3').replaceWith(function() {
  return $("<h2>", {
    class: this.className,
    html: $(this).html()
  });
});

---

Answer 2

问题出在

return "<h2>" + $(this).text() + "</h2>";

不要使用.text()，而是使用.html()。

.text() 只获取纯文本内容。

.html() 获取 html 内容，这是您要传输过来的内容。