如何使用其樣式屬性值選擇字體

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");