javascript - 更改标签但保留属性和内容 -- jQuery/Javascript

Question

<a href="page.html" class="class1 class2" id="thisid">Text</a>

改为

<p href="page.html" class="class1 class2" id="thisid">Text</p>

我熟悉 jQuery 的 replaceWith，但据我所知，它不会保留属性/内容。

注意:为什么 p 会有一个 href？因为我需要在另一个事件中将 p 改回 a。

Answer 1

这是一个更通用的方法:

// New type of the tag
var replacementTag = 'p';

// Replace all a tags with the type of replacementTag
$('a').each(function() {
    var outer = this.outerHTML;

    // Replace opening tag
    var regex = new RegExp('<' + this.tagName, 'i');
    var newTag = outer.replace(regex, '<' + replacementTag);

    // Replace closing tag
    regex = new RegExp('</' + this.tagName, 'i');
    newTag = newTag.replace(regex, '</' + replacementTag);

    $(this).replaceWith(newTag);
});

您可以在这里尝试代码:http://jsfiddle.net/tTAJM/