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

使用text()保留所有HTML结构。 $('.sideMenu h3').replaceWith(function () { return "<h2>" + $(this).html() + "</h2>"; });只获取纯文本，并丢弃所有标记。

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

要保留课程，请执行：

{{1}}

Answer 2

问题在于

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

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

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

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

使用jquery保持href和html elemens将H3更改为H2

2 个答案: