查找元素是否包含 x 但不包含 y (jQuery)

Question

<div>
  <p><a href="#">link</a> some text</p>
  <p><a href="#">link</a></p>
  <p><a href="#">link</a> some text</p>
  <p><a href="#">link</a></p>
</div>

我想找到（并将Class 添加到）不包含文本的

标签，直接在其自身或其子代内部。

Answer 1

这工作正常，我确实必须清空你的段落之一中的文本来测试：

var $eles = $('p').filter(function() {
    return $(this).text().length == 0;
});
$eles.addClass("foo");

Answer 2

我想您的问题描述中有错误，因为示例中的 a 标记始终包含文本。

据我所知，没有标准选择器允许检查是否有直接内容，但您可以尝试以下操作：

$('p').each(function(){
 var p = $(this).clone();
 p.children().remove();
 if(p.text().length){
   $(this).addClass('gotcha');
  }
});

如果您只想检查里面的段落，应该可以工作。