Jeśli element zawiera określony tekst

Question

$('.test').css('background','red'); 

<div id="example">Some text</div> 

Jak mogę .addClass('test') jeśli #example zawiera słowo "tekst"?

Answer 1

wystarczy użyć :contains pseudoclass

$('#example:contains("text")').addClass('test'); 

to doda klasy do #example jeśli zawiera 'tekst'

Answer 2

Można użyć $("#example") uzyskać opakowanie jQuery dla elementu, a następnie użyć text() dostać jego tekst i użyj String#indexOf, np .:

var ex = $("#example"); 
if (ex.text().indexOf("text") !== -1) { 
    ex.addClass("test"); 
} 

Możesz również użyć :contains("text") w selektorze jako F. Calderan shows, chociaż należy pamiętać, że gdy używasz niestandardowych pseudo-selektorów w ten sposób, jQuery nie może korzystać z wbudowanych elementów bazowych przeglądarki do znajdowania elementów, więc może być wolniejsze. Powyższe pozwoli jQuery używać document.getElementById. Jest tylko kilka sytuacji, w których prędkość naprawdę ma znaczenie.

Answer 3

spróbować następujący kod

$('#example:contains("text")').addClass('test'); 

Sprawdźcie here dla przykładów i wyjaśnień selektora