javascript - JQuery:如何组合 .contains() 和 .replaceWith()？

Question

我想用JQuery把和元素的html换成自己的。我以为我只能使用:

$('#nav a:contains(replace me)').replaceWith('<h2>Label</h2>');

但这行不通。我已经尝试了很多变体，但都无济于事。

谁知道我做错了什么？

编辑:添加当前 html:

<div id="nav">
<a href="#">replace me</a>
<a href="#">this is ok</a>
<a href="#">this is ok</a>
<a href="#">this is ok</a>
</div>

我希望它看起来像什么:

<div id="nav">
<a href="#"><h2>Label</h2></a>
<a href="#">this is ok</a>
<a href="#">this is ok</a>
<a href="#">this is ok</a>
</div>

Answer 1

我想我会这样做:

$('#nav a').html(function(i, html) {
    return $.trim(html) == 'replace me' ? '<h2>Label</h2>' : html;
});

FIDDLE

因为我不是很喜欢:contains，或者

$('#nav a:contains(replace me)').html('<h2>Label</h2>');

FIDDLE

因为 replaceWith() 将替换整个 anchor ，而不仅仅是它的内容。