jquery - 测试 div 是否没有元素

Question

如果 div 包含某个元素，我会尝试执行某些操作，但似乎无法触发该条件。这是我最好的镜头。

<div class='test'>
    testing123
</div>

<div class='test'>
  <p>testing456</p>
</div>

$('.test').each(function(){
    if(!$(this).has('p')) {
        $(this).addClass('red');
    }
});

该脚本只是针对所有内容。这是一个现场 fiddle - http://jsbin.com/igoyuk/edit#javascript,html,live

Answer 1

请注意 .has() 返回 jQuery，而不是 bool 值!

.has( selector ) Returns: jQuery
Description: Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element.

执行 if(!$(this).has('p')) 始终为 true，因为 jQuery 始终返回一个集合，即使它是空的!

.has() 基本上过滤了它所调用的集合，所以你只需要做:

$('.test').has('p').addClass('red');