jquery - 使用 jQuery 定位具有单个子元素且该子元素之外没有文本节点的元素

Question

使用 jQuery，我尝试定位仅包含子 anchor 元素(作为直接后代)并且在该子元素之外没有文本节点的所有段落元素，例如:

<p><a href="http://...">Some link</a></p>

我尝试过 jQuery 的 only-child 选择器，但文本节点显然不被视为子元素。我还查看了 contents() 并假设我可以定位起始标记为第一个节点的 anchor 元素。然而，在后者上，我正在构建的网站是一个其他人将使用 CMS 编写的博客，因此我无法确保他们不会以链接开始常规段落，这会添加不需要的样式。

我对 jQuery 比较陌生——大约一个月。只是想让你知道...

谢谢!

Answer 1

Working fiddle

$('p').filter(function() {
  return ( 1 === $(this).find('*').length && 1 === $(this).find('a').length && $(this).text() === $(this).find('a').text() );
});

编辑:我一开始并不知道 :only-child 选择器。有了它，更加干净:

$('p').has('a:only-child').filter(function() {
    return $(this).find('a').text() === $(this).text();                  
});