如何用<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>
我在答案中找到了类似的问题,但它没有保留属性。
答案 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>