使用jQuery查找多个文本字符串并更改其样式

我使用来自这个主题的 iambriansreed代码来加粗一些文本，它的工作正常。 但是我希望在同一页面上的所有标题ID中找到像BMW，Mini Cooper等多个单词并且它不起作用。 这是http://zazl.linuxpl.info/title/的例子吗？ 我根本不是jquery程序员。

这是代码：

$(window).load(function() { // ADD BOLD ELEMENTS $('#titleh:contains("Mini Cooper")').each(function(){ $(this).html( $(this).html().replace(/Mini Cooper/g,'$&') ); }); $('#titleh:contains("BMW")').each(function(){ $(this).html( $(this).html().replace(/BMW/g,'$&') ); }); }); 

我在提到的主题中按照AlexKM的答案提出新问题。

Answer 1

它不起作用的原因是因为您的文档中有多个具有相同ID的元素。 因此，当您按ID选择元素时，它只选择具有该ID的第一个元素。

在HTML文档中，ID 必须是唯一的。 使用类代替：

 ... 

对于您的JavaScript：

 $(window).on('load', function() { $('.titleh').each(function() { var $e = $(this), html = $e.html(); html = html.replace(/Mini Cooper/g, '$&'); html = html.replace(/BMW/g, '$&'); /* Add more rules here */ $e.html(html); }); });