javascript - jquery 改变标签

Question

我有这个代码不起作用，你能帮我吗？我希望我将 class="s7"的标签名称“p”更改为“h1”

<script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $(".s7").replaceWith($('<h1>' + $(this).html() + '</h1>');
        });
    </script>

Answer 1

问题是您正在匹配类 s7 的所有元素，但是您需要一个接一个地处理它们以便将它们的内容复制到新元素中。在您当前的代码中，this 始终是 document，而不是当前元素。

您可以使用 each()遍历匹配的元素:

$(".s7").each(function() {
    var $this = $(this);
    $this.replaceWith($("<h1>" + $this.html() + "</h1>"));
});

或者也许:

$(".s7").each(function() {
    $("<h1>" + $(this).html() + "</h1>").replaceAll(this);
});