我有一个div,它有几个输入元素在它…我想要遍历每一个元素。想法吗?


当前回答

$('#myDiv').children().each( (index, element) => {
    console.log(index);     // children's index
    console.log(element);   // children's element
 });

这个迭代遍历所有的子元素,它们的带有index值的元素可以分别使用element和index访问。

其他回答

也可以遍历特定上下文中的所有元素,无论它们嵌套有多深:

$('input', $('#mydiv')).each(function () {
    console.log($(this)); //log every element found to console output
});

第二个参数$('#mydiv')传递给jQuery 'input'选择器是上下文。在这种情况下,each()子句将遍历#mydiv容器中的所有输入元素,即使它们不是#mydiv的直接子元素。

也可以这样做:

$('input', '#div').each(function () {
    console.log($(this)); //log every element found to console output
});

Children()本身就是一个循环。

$('.element').children().animate({
'opacity':'0'
});

我认为你不需要使用each(),你可以使用standard for循环

var children = $element.children().not(".pb-sortable-placeholder");
for (var i = 0; i < children.length; i++) {
    var currentChild = children.eq(i);
    // whatever logic you want
    var oldPosition = currentChild.data("position");
}

通过这种方式,您可以在默认情况下使用标准的循环功能,如break和continue

此外,调试也会更容易

它使用.attr('value')来处理元素属性

$("#element div").each(function() {
   $(this).attr('value')
});