jQuery를 사용하여 단락 내에서 특정 텍스트 문자열을 어떻게 굵게 표시할 수 있나요?

jQuery에서 텍스트 문자열을 굵게 표시

문단 내에서 특정 텍스트 문자열을 굵게 표시하여 강조 표시하는 jQuery 솔루션을 찾고 있습니다. 그러나 코드가 원하는 결과를 생성하지 않습니다.

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

이 코드는 ID가 "about_theresidency"인 요소 내에서 "cross Genre"라는 문구가 있는 텍스트를 대상으로 지정하고 CSS 속성 "font"를 적용하는 것을 목표로 합니다. -weight"를 사용하여 굵게 표시합니다. 그러나 여전히 효과가 없습니다.

해결 방법

jQuery를 사용하여 텍스트 문자열을 굵게 표시하려면 html()과 함께 replacement() 메서드를 사용할 수 있습니다. 다음 코드는 방법을 보여줍니다.

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

이 코드 조각:

1. 단락의 HTML 콘텐츠를 html 변수에 저장합니다.
2. replace( ) 메소드를 사용하여 "world"라는 텍스트(대소문자 구분 안 함)가 나타나는 모든 항목을 찾아 태그.
3. 수정된 문자열로 단락의 HTML 콘텐츠를 업데이트하여 굵은 서식을 적용합니다.

추가 팁

코드 플러그인으로 구체화할 수 있습니다:

$.fn.wrapInTag = function(opts) {

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

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

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

이 플러그인을 사용하면 특정 단어를 HTML 태그로 묶을 수 있습니다. 제공된 예에서는 "world"와 "red"라는 단어를 태그.

위 내용은 jQuery를 사용하여 단락 내에서 특정 텍스트 문자열을 어떻게 굵게 표시할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!