스타일 속성 값으로 글꼴을 선택하는 방법

Question

다음 html 마크 업이 있습니다.

<p> lorem ipsum lorem ipsum 
<font style="background-color:yellow"> ipsum </font> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id enim in tellus sollicitudin viverra. Morbi nec ipsum ligula, non volutpat enim. In quis metus <font style="color:red"> Tincidunt lorem </font>blandit faucibus. Nam condimentum facilisis vestibulum. Nunc tristique est vel erat sagittis ac placerat orci varius.</p> 

나는 어떤 스타일로 "background-color:yellow"되지 않은 다른 <font> 태그가있는 경우에만 글꼴을 선택합니다

Answer 1

나는 그것을 시도했지만 어쨌든 addClass는 작동하지 않습니다. 그래서이 해결책을 생각 해낸다.

$('font').filter(function(){ 
      var bg=$(this).css("background-color"); 
      alert('bghlight - ' + bg); 
     if (bg == "rgb(255, 255, 0)" || bg == "yellow") 
     { 
     $(this).addClass('hlight'); 
     $('font.hlight').each(function(){ 
     $(this).replaceWith($('<abbr>' + this.innerHTML + '</abbr>').addClass('abbr-hlight')); 
     }); 
     } 
    }); 

Answer 2

당신은 단순히 필터 기능을 사용할 수 있습니다

$("font").filter(function(){ 
    var bg=$(this).css("background-color"); 
    return bg=="yellow" || bg=="rgb(255,255,0)"; 
}); 

UPDATE를

클래스 호출을 추가하려면 addClass 함수를 사용하십시오.

$("font").filter(function(){ 
    var bg=$(this).css("background-color"); 
    return bg=="yellow" || bg=="rgb(255,255,0)"; 
}).addClass("hlight");