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>

score 4 · Accepted Answer

私はただやると思います：

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

私はあまり好きではないので:contains、または

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

コンテンツだけでなく、アンカー全体replaceWith()を置き換えます。

score 1 · Accepted Answer

それはあなたのための助けかもしれません

   $("div").find('a').each(function(index)
    {
        if(index==0){
         $(this).html("<h2>Label</h2>");
        }

    });

score 0 · Accepted Answer

$("a").text(function () {
    return $(this).text().replace("replace me", "<h2>Label</h2>"); 
});

これがjsfiddleリンクです http://jsfiddle.net/xpfRV/1/

3 に答える 3