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

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

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

使用children()和each()，您可以选择将选择器传递给子代

$('#mydiv').children('input').each(function () {
    alert(this.value); // "this" is the current element in the loop
});

你也可以只使用直接子选择器:

$('#mydiv > input').each(function () { /* ... */ });

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

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

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

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

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

如果你需要递归地遍历子元素:

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"));   

注意: 在本例中，我将展示向对象注册的事件处理程序。

也可以这样做:

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