jQuery - 如何选择仅包含某些其他元素的元素

Question

如何选择具有<a name="something"> </a>的节点,以便我可以加粗其包含的文本？

<p>
  <a name="test"></a>
  Test 1
</p>

<p>
  <a href="test2"></a>
  Test 2
</p>

<div>
  <a name="test3"></a>
  Test 3
</div>

期望的输出:

测试1

测试2

测试3

Answer 1

你可以使用.has()方法:

$("p,div").has("a[name]").css("font-weight", "bold");???????????????

或:has()选择器:

$("p:has(a[name]),div:has(a[name])").css("font-weight", "bold");?

演示: http ://jsfiddle.net/bWvwa/