Выберите элемент на основе содержания в

Question

Предположим, что у меня есть HTML как это:

<a href='#'>Apple</a> 
<a href='#'>Orange</a> 
<a href='#'>Apple</a> 

Как бы выбрать только те ссылки, которые говорят, имеют содержание Apple внутри?

Answer 1

Вы можете использовать :contains()

$("a:contains('Apple')").addClass("apple");

.apple { 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href='#'>Apple</a> 
 
<a href='#'>Orange</a> 
 
<a href='#'>Apple</a>

Answer 2

Использование метода http://api.jquery.com/filter/

var Apples = $('a').filter(function() { 
    return $.trim($(this).text()) == 'Apple'; 
}); 

Answer 3

фильтра в Jquery в Выберите содержимое с: содержит селектор JQuery:

HTML:

<a href='#'>Apple</a> 
<a href='#'>Orange</a> 
<a href='#'>Apple</a> 

Jquery:

$('a:contains("Apple")').css("color","red"); 

Не забудьте включить библиотеку Jquery, если вы не включили его раньше:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

JSFIDDLE: http://jsfiddle.net/ghorg12110/p1x3n43s/