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

前端之家收集整理的这篇文章主要介绍了javascript – 没有每个jQuery循环和回调函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望循环抛出jQuery集合而不需要每个和回调调用.

我有以下代码

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

if(found1){
    return;
}

一旦找到found1,则设置为true.下次始终为true.我想知道如何循环没有每个和回调像

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

UPDATE

我不知道如何打破循环.
我不想在每个回调中传递回调

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

http://jsfiddle.net/LwTGU/

在该示例中,一个子元素可能有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,只需返回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;

除非选择器仅返回少量元素(例如< 50),否则我不推荐后者.

猜你在找的jQuery相关文章