圍繞文字環繞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

嘗試：

$(".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>') 
    ); 
}