如何使用 jQuery 尋找段落中的特定文字並將其加粗？

使用jQuery 尋找文字並加粗

處理動態內容時，必須利用jQuery 的功能來增強文字並創建更大膽的視覺效果。常見的情況是在段落中找到特定的文字字串並對其應用粗體格式。

但是，您可能會遇到以下程式碼的問題：

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

要克服這個問題，考慮使用jQuery 的html() 方法實作一個強大的解決方案：

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

此程式碼以強標籤取代所有出現的“world”，並強調段落中的文字。

為了更具適應性的方法，您還可以創建一個小插件：

$.fn.wrapInTag = function(opts) {
  var tag = opts.tag || 'strong';
  var words = opts.words || [];
  var regex = RegExp(words.join('|'), 'gi'); // case insensitive
  var replacement = '<' + tag + '>$&</' + tag + '>';

  return this.html(function() {
    return $(this).text().replace(regex, replacement);
  });
};

// Usage
$('p').wrapInTag({
  tag: 'em',
  words: ['world', 'red']
});

此插件為包含指定單詞的文本分配粗體格式，提供用於在應用程序中自訂文字強調的多功能工具。

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