jquery를 사용하여 텍스트 색상 변경

Question

$(document).ready(function() { 
      $("#btnhighlight").click(function() { 
       alert("yes"); 
       var htext = $("#txthighlighttext").val(); 
       $("#lstCodelist option").each(function() { 
        var sp = $(this).text(); 
        var sp1 = sp.split(' '); 
        $.each(sp1, function (i, l) { 
         if (l == htext) { 
          l.css('color', 'yellow'); 
         } 
        }); 
       }); 
      }); 
     }); 

var x = "hello world"; l에서 텍스트 색상을 변경해야합니다. that suppore입니다. "hello"문자열에서 텍스트를 가져 왔습니다. CSS는 ( 나는 l.('color', 'yellow');을 할 수 있습니까 자바 스크립트 오류가 발생하고있다.

나는 일이이 $(this).css('color', 'yellow'); 아무것도 같이 할 경우.

감사

당신이 반복되는 요소가에

Answer 1

시도 :

$(l).css('color', 'yellow');

편집 :

좋아요 ... 당신은 문자열와 협력하지 않는 실제 DOM 요소. 내 제안은 <span>과 같은 요소에 동적으로 l을 배치하고 CSS를 적용한 다음 DOM의 원본 텍스트를 바꾼다는 것입니다.

http://www.randomsnippets.com/2008/03/07/how-to-find-and-replace-text-dynamically-via-javascript/

나는이 완벽한 솔루션입니다 말하는 게 아니에요하지만 그것은 옳은 길 아래로 당신을 이끌 것입니다 : 나는 실제로 다시 동안 이것을 비슷한했다.

Answer 2

l의 $ 내부를 포장 당신은

시도 갈 수 있습니다

$.each(sp1, function (i, l) { 
if (l == htext) { 
    $(l).css('color', 'yellow'); 
} 

Answer 3

이 작품과 비슷합니까? 이 l 방금 ​​다음 각 루프의 내부를 "밀어"필요 의미 DOM 요소 아닌 언급 한 바와 같이

 $('<span>', { 
      'style': 'color:yellow', 
      html: l 
     }).appendTo('#divName'); 

Answer 4

(안된).

$("#lstCodelist option").each(function() { 
    var sp = this; //or $(this) and then you do sp.css('color', 'yellow'); 
    var sp1 = $(this).split(' '); 

    $.each(sp1, function (i, l) { 
     if (l == htext) { 
      $(sp).css('color', 'yellow'); 
     } 
    }); 
});