jquery - 根据其中的内容选择元素

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>