根据内容选择元素

Question

假设我有这样的HTML：

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

如何仅选择内容为Apple的链接？

Answer 1

您可以使用:contains()

＆＃13;

＆＃13;

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

＆＃13;

.apple {
  background: red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用Jquery的过滤方法http://api.jquery.com/filter/

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

Answer 3

使用：contains jquery selector：

选择内容

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/