如何使用 jQuery 將段落中的特定文字字串加粗？

在jQuery 中加粗文字字串

您正在尋找一種jQuery 解決方案，透過加粗來突出顯示段落中的特定文字字串。但是，您的程式碼沒有產生所需的結果：

$(window).load(function() {
  // ADD BOLD ELEMENTS
  $('#about_theresidency:contains("cross genre")').css({'font-weight':'bold'});
});

此程式碼旨在將ID 為“about_theresidency”的元素中包含短語“跨流派”的文字作為目標，並應用CSS 屬性“ font” -weight」使其加粗。但是，它仍然無效。

解決方案

要使用jQuery 將文字字串加粗，您可以將Replace()方法與html()一起使用。 replace( ) html 上的方法會找出所有出現的文字「world」（不區分大小寫）並將其包裝在內標籤。可以細化為一個外掛：

var html = $('p').html();
$('p').html(html.replace(/world/gi, '<strong>$&amp;</strong>'));

這個外掛程式允許你將特定的單字包裝在HTML標籤中。

以上是如何使用 jQuery 將段落中的特定文字字串加粗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！