jquery - 理解 jQuery 每个循环

Question

我有以下代码:

HTML:

<div class="sectionInner"><div class="carousel"></div></div>
<div class="sectionInner"></div>
<div class="sectionInner"></div>
<div class="sectionInner"></div>

JS:

function checkForCarousel() {
    $('.sectionInner').each(function(i) {
        if($(this).has('.carousel')) {
            alert('We got a Carousel!');
        }
        else {
            alert('No Carousels here')
        }
    });
}

checkForCarousel();

我想做的是循环遍历四个 div.sectionInner 如果我发现一个具有轮播类的 child 那么我想附加一些按钮。我知道我可以直接瞄准轮播，但这是更大的图景的一部分，我确实有理由想要使用循环。

无论如何，当循环开始时，它会提醒“我们有一个轮播”，正如您对第一个 div 所期望的那样。然后，当很明显我们没有其他三个 div 的轮播时，它会继续发出警报“我们有一个轮播”。我在这里做错了什么？

Answer 1

这是因为您正在测试 jQuery 对象是否存在，该对象始终为 true。您需要测试 length > 0:

if($(this).has('.carousel').length) { // is false if length == 0

http://jsfiddle.net/mblase75/DzafK/