如何用另一个替换标签并使用jquery保留属性?

时间:2016-09-16 07:16:55

标签: javascript jquery html tags replacewith

如何用<ins>标记替换<del>标记并在javascript或jquery中保留它的属性?如下

<ins data-author="auth1" data-ins-username="user1">auth1 text</ins>
<!-- After -->
<del data-author="auth1" data-ins-username="user1">auth1 text</del>

我在答案中找到了类似的问题,但它没有保留属性。

1 个答案:

答案 0 :(得分:0)

您可以使用jquery .replaceWith()将标记替换为另一个标记。在函数中获取元素的outerHTML并将标记名称替换为另一个。

$("ins").replaceWith(function(){
    return this.outerHTML.replace("<ins", "<del").replace("</ins", "</del")
});

$("ins").replaceWith(function(){
    return this.outerHTML.replace("<ins", "<del").replace("</ins", "</del")
});
console.log($("del")[0].outerHTML);
del { color: red }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ins data-author="auth1" data-ins-username="user1">auth1 text</ins>