se contiene un determinato testo, quindi esegui jquery

Question

Ho bisogno di eseguire un jquery solo se l'elemento grassetto contiene un testo particolare. Che cosa sto facendo di sbagliato?

<script> 
if ($('b:contains('Choose a sub category:')')) { 

$("td.colors_backgroundneutral").css("background-color","transparent"); 
$("td.colors_backgroundneutral").children(':first-child').attr("cellpadding","0"); 
}; 
</script> 

Answer 1

Oltre a utilizzare le virgolette singole all'interno di virgolette singole, che rompe la corda, si sta utilizzando un selettore jQuery all'interno di un'istruzione if. This selector filtra solo i tag b in quelli che contengono "Scegli una sottocategoria"; e quindi restituisce un elenco di tali elementi. Non restituisce un valore booleano. Invece, utilizzare il metodo .contains(), in questo modo:

if($("b").contains("Choose a sub category")) { 
    // do stuff 
} 

Puoi leggere altro here

EDIT: poiché il metodo .contains() sembra essere deprecato, ecco una soluzione di JS pura:

var el = document.getElementById("yourTagId") // or something like document.getElementsByTagName("b")[0] if you don't want to add an ID. 
if (el.innerHTML.indexOf("Choose a sub category") !== -1) { 
    // do stuff 
} 

Answer 2

Ho sempre utilizzato questo per determinare se esiste un elemento:

doppi apici

if ($('b:contains("Choose a sub category:")').length > 0) { /*do things*/} 

Answer 3

if ($("b").has(":contains('Choose a sub category:')").length) { 
/*Your Stuff Here*/ 
}