jquery更改标记 [英] jquery change tag

问题描述

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

I have this code that doesn't work, can you help me? I want that I changed tag name "p" of class="s7" to "h1"

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

推荐答案

问题是你将所有元素与类 s7 匹配，但你需要按顺序逐个处理它们将他们的内容复制到新元素。在当前代码中，此始终是 document ，而不是当前元素。

The problem is that you're matching all the elements with class s7, but you need to process them one by one in order to copy their content into new elements. In your current code, this is always document, not the current element.

您可以使用 each（）进行迭代匹配的元素：

You can use each() to iterate over the matched elements:

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

或者可能：

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

这篇关于jquery更改标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！