Comment sélectionner une police avec sa valeur d'attribut de style

Question

J'ai la balise html suivante.

<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> 

Je veux sélectionner uniquement la police qui a pas « background-color:yellow » toute autre balise <font> avec tous les styles

Answer 1

J'ai essayé cela, mais de toute façon, addClass ne fonctionnait pas. alors venez avec cette solution.

$('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

Vous pouvez simplement utiliser une fonction de filtre:

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

MISE À JOUR

Pour ajouter la classe, appelez la fonction addClass:

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