javascript - 如何使用 Javascript/Jquery 用一个 div 元素替换 HTML 中的所有链接？

Question

如何用一个 div 元素替换 HTML 中的所有链接？

例如：我的链接代码为：

<div class="link"><a href="stackoverflow.com">Stackoverflow</a></div>
<div class="link1"><a href="stackoverflow.com/link1">Stackoverflow</a></div>

我现在想替换为：

<div class="link">replaced link</div>
<div class="link1">replaced link</div>

我需要你的帮助。非常感谢。

Answer 1

这会做 -

$('a').replaceWith('replaced link');

演示---> http://jsfiddle.net/Txmrx/5/

Answer 2

抱歉，如果我不清楚阅读您的问题，如果您想更改 div 内容

$(function () {
var _newLink = [{
    href: 'newlink.com',
    title: 'New Link Title 1'
}, {
    href: 'newlink.com/link2',
    title: 'New Link Title 2'
}];

$('div[class*=link]').each(function (i) {
    var _divContent = '<a href="' + _newLink[i].href + '">' + _newLink[i].title + '</a>';

    $(this).html(_divContent);
});

});

这是我的演示

Answer 3

我认为您想用比您的示例更有意义的链接 href 替换：

$('a').replaceWith(function () {
    return '<div>'+$(this).attr('href')+'</div>';
});

Answer 4

var as = document.getElementsByTagName('a');
while(as[0]){
  as[0].parentNode.replaceChild(document.createTextNode('replaced link'), as[0]);
}