JQuery: Как совместить .contains() и .replaceWith()?

Question

Я хочу использовать JQuery, чтобы заменить html и элемент своим. Я думал, что просто воспользуюсь:

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

но это не работает. Я пробовал много вариантов этого безрезультатно.

Кто-нибудь знает, что я делаю неправильно?

EDIT: Добавлен 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() заменит весь якорь, а не только его содержание.

Answer 2

может быть, это поможет вам

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

    }); 

Answer 3

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

вот jsfiddle ссылка http://jsfiddle.net/xpfRV/1/