javascript - jQuery 如果元素存在不起作用

Question

我得到了一些像这样的 Html。

<div class="box span4">
    <img src="demo/img/tile.png" />
</div>
<div class="box span4">
    Hello
</div>

现在，如果我的框中没有图像，我想包装内部内容。它在没有 IF 的情况下就像一个魅力，但我无法让它与 IF 一起工作。

if($('.box').find('img').length < 1){
    $(this).wrapInner('<div class="box_inner" />');
}

我也试过:

if($('.box > img').length < 1){
    $(this).wrapInner('<div class="box_inner" />');
}

我认为这会很简单并且我以前做过类似的事情，但是当盒子里面没有图像时，似乎没有任何方法可以在盒子的内部内容周围设置另一个 div。

我做错了什么吗？

Answer 1

this 在你的代码中引用了window对象，你可以使用not方法:

$('.box').not(':has(img)').wrapInner('<div class="box_inner" />');

http://jsfiddle.net/NpRpk/