Javascript 将HTML环绕文本

这并不理想，但我已经没有办法尝试将一些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>

试试：

$（“.header intro text h1”）.wrapInner（“”）；

您应该能够使用jQuery执行以下操作：

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

$（'h1'）.html（“”）；

或用于多个标题

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

$（'h1'）。每个（函数（）{
$（this.html（“”）；
});

var hit=$（'.header intro text h1'）；
var hitText=hit.text（）；
html（$（''）.text（hitText））；

演示：

var-word='Conference'；
功能突出显示（word）{
var$container=$（'.header-intro-text'）；
$container.html(
$container.html（）.replace（单词“”）
);
}

是。您可以尝试使用

$（'.header intro text'）

的innerHTML，对其进行查找替换，然后更好地替换innerHTMLI，如下所示：）我提出了手动方法。吸取的教训。需要改进jqueryfu吗haha@Dan没问题，丹！：）您肯定应该缓存对jquery对象的引用-您正在重复选择！

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

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

var word = 'Conference';

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