在文本周圍包裝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>')
    );
}