Обтекание HTML вокруг текста

Question

Это не идеальный вариант, но у меня заканчиваются варианты, пытаясь обернуть некоторый HTML вокруг заголовка, который у меня есть. Можно вообще настроить таргетинг на текст заголовка и обернуть HTML вокруг этого текста?

Начиная текст:

<div class="header-intro-text"> 
    <h1>New Business Conference</h1> 
</div> 

Окончание текста с добавлением HTML

<div class="header-intro-text"> 
    <h1><a href="#">New Business Conference</a></h1> 
</div> 

Answer 1

Try:

$(".header-intro-text h1").wrapInner('<a href="#"></a>'); 

Answer 2

Вы должны быть в состоянии выполнить следующие действия с JQuery:

$('h1').html('<a href="#">' + $('h1').text() + '</a>'); 

или для нескольких заголовков

$('h1').each(function() { 
    $(this).html('<a href="#">' + $(this).text() + '</a>'); 
}); 

Answer 3

var hit = $('.header-intro-text h1'); 
var hitText = hit.text(); 
hit.html($('<a href="#"></a>').text(hitText)); 

Демо: http://jsfiddle.net/qwertynl/reV9V/

Answer 4

var word = 'Conference'; 

function highlight(word){ 
    var $container = $('.header-intro-text'); 
    $container.html(
     $container.html().replace(word, '<a href="#">'+word+'</a>') 
    ); 
}