JQuery, Селекторы - дочерние элементы и содержит выражения

Question

Для JQuery и селектора: Возможно ли найти несколько строк в подселекторе содержимого для вложенных дочерних элементов?

Для примера:

<div> 
    <span>foo</span> 
    <span>bar</span> 
</div> 

// comma is usual OR operator. 
$("div > span:contains(['foo'],['bar'])").css("text-decoration","underline"); 

Ожидаемое: Оба элементы получают подчеркнуты.

Если он еще не реализован, можем ли мы его реализовать?^-^

Answer 1

Да, вы можете искать оба или многие поисковые термины, содержащих DIV или интервал или любой другой элемент HTML, используя следующий метод

$('span:contains("foo"), span:contains("bar")').css("text-decoration", "underline") // either one OR two 
$('span:contains("foo"):span:contains("bar")').css("text-decoration", "underline") //span, which contains both 

Answer 2

Вы можете попробовать использовать .filter() как

$("div > span").filter(":contains('foo'),:contains('bar')").css("text-decoration", "underline");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div> 
 
    <span>foo</span> 
 
    <span>bar</span> 
 
</div>

Answer 3

Использование text-decartion с '-' в synatax. Вы пропустили я думаю

$("div span").each(function() { 

    if($(this).text() == "foo" || $(this).text() == "bar"){ 

    $(this).css("text-decoration", "underline"); 
    } 
}); 

FIDDLE