我有一个div,它有几个输入元素在它…我想要遍历每一个元素。想法吗?
当前回答
也可以遍历特定上下文中的所有元素,无论它们嵌套有多深:
$('input', $('#mydiv')).each(function () {
console.log($(this)); //log every element found to console output
});
第二个参数$('#mydiv')传递给jQuery 'input'选择器是上下文。在这种情况下,each()子句将遍历#mydiv容器中的所有输入元素,即使它们不是#mydiv的直接子元素。
其他回答
Children()本身就是一个循环。
$('.element').children().animate({
'opacity':'0'
});
$('#myDiv').children().each( (index, element) => {
console.log(index); // children's index
console.log(element); // children's element
});
这个迭代遍历所有的子元素,它们的带有index值的元素可以分别使用element和index访问。
如果你需要递归地遍历子元素:
function recursiveEach($element){
$element.children().each(function () {
var $currentElement = $(this);
// Show element
console.info($currentElement);
// Show events handlers of current element
console.info($currentElement.data('events'));
// Loop her children
recursiveEach($currentElement);
});
}
// Parent div
recursiveEach($("#div"));
注意: 在本例中,我将展示向对象注册的事件处理程序。
我认为你不需要使用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
此外,调试也会更容易
也可以遍历特定上下文中的所有元素,无论它们嵌套有多深:
$('input', $('#mydiv')).each(function () {
console.log($(this)); //log every element found to console output
});
第二个参数$('#mydiv')传递给jQuery 'input'选择器是上下文。在这种情况下,each()子句将遍历#mydiv容器中的所有输入元素,即使它们不是#mydiv的直接子元素。
推荐文章
- 在python中遍历对象属性
- 它是可能的动画scrollTop与jQuery?
- 我需要哪个选择器来选择一个文本选项?
- 如何添加ID属性Html.BeginForm()在asp.net mvc?
- 如何获得<html>标签html与JavaScript / jQuery?
- 如何禁用ts规则为特定的行?
- 检测浏览器自动填充
- jQuery的小写和大写
- 遍历<select>选项
- jQuery滚动到页面底部/iframe
- 使用jQuery选择前“n”项
- 在ASP中使用jQuery渲染局部视图。NET MVC
- Jquery如果div id有子
- 如何使用jQuery获取一个表单元格值?
- 如何使用jQuery去一个URL ?