Question

我希望在没有each和回调调用的情况下循环抛出jQuery集合。

我有以下代码

var found1 = false;
$('#Root div.ListItem').each(function( index, d1 ) { 
    if (group == d1.text()){ found1 = true; }
} );

if(found1){
    return;
}

found1设置为true后下次始终为真。我想知道如何循环没有each和回调像

for(var id in $('#Root div.ListItem')) { ... }

更新

我不知道如何打破循环。我不希望在each

中传递回调

如果我在循环中传递jQuery对象，那么我会得到很多键。

http://jsfiddle.net/LwTGU/

在该示例中，一个子元素可能有一个键。

Answer 1

您尝试在小提琴中使用for-in语句实际上是遍历jQuery类似数组的对象中的所有属性：

for (var id in $('#Root div.ListItem')) {
    // id is the name of the property
}

你不想要这个;你需要遍历类似于数组的对象中的元素：

for (var id in $('#root span').toArray()) { // convert to native array // id is now an element found by the selector $('<div />', {text: $(id).text()}).appendTo($('#out')); }

You'll see in the above输出是您所期望的。

所以，回到你原来的问题。听起来你只需要在找到匹配后突破你的循环。如果您想知道如何打破jQuery each循环，请在设置return false;后设置found1 = true;。你不应该害怕传递回调;对于选择器中的每个元素，在常规的旧for循环“引擎盖下”执行回调。

如果您真的想自己编写for-each结构，那么这样就足够了：

var found1 = false; var items = $('#Root div.ListItem').toArray(); // an array of DOM elements for (var i = 0, j = items.length; i < j; i++) { // You can access the DOM elements in the array by index, but you'll // have to rewrap them in a jQuery object to be able to call .text() if (group == $(items[i]).text()) { found1 = true; break; // no need to keep iterating once a match is found } }

更短但更慢的方法可能是使用$.grep并检查它是否找到了任何内容：

var found1 = $.grep($('#Root div.ListItem'), function() { return group == $(this).text(); }).length > 0;

除非选择器只返回少数元素（例如＆lt; 50），否则我不建议使用后者。

Answer 2

听起来你想在遇到某些情况时停止处理。您可以在符合条件时返回each，使用false执行此操作：

var found1 = false;
$('#Root div.ListItem').each(function(index, d1) { 
    if (group == d1.text()) { 
        found1 = true; 
        return false;
    }
});

你也可以迭代$('#Root div.ListItem')的返回值，就像任何其他数组一样（如果你坚持不使用each）。

Answer 3

由于我没有必要的声誉（50），我无法对接受的答案发表评论。但是，我不相信以下代码将按预期工作：

for (var id in $('#root span').toArray()) { // convert to native array
    // id is now an element found by the selector
    $('<div />', {text: $(id).text()}).appendTo($('#out'));
}

除非我遗漏了某些东西，否则＃34; id＆＃34;将是一个表示迭代数组索引的整数，而不是实际的数组元素。如果是这样，$（id）将不指向有效的jquery对象。相反，它不需要是这样的吗？

for (var id in $('#root span').toArray()) { // convert to native array
    // id is now an element found by the selector
    $('<div />', {text: $($('#root span')[id]).text()}).appendTo($('#out'));
}

jQuery循环没有每个和回调函数

3 个答案: