jQuery를 사용하여 div의 자식 요소를 반복하는 방법은 무엇입니까?

Question

div가 있고 여러 입력 요소가 있습니다 ... 각 요소를 반복하고 싶습니다. 아이디어?

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

Answer 1

사용 children() 및 each(), 당신은 선택적으로 당신은 또한 단지 바로 아이 선택기를 사용할 수 children

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

에 선택기를 전달할 수 있습니다 특정 상황에서 얼마나 깊이 중첩되었는지는 중요하지 않습니다.

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

jQuery 'input'Selector로 전달되는 두 번째 매개 변수 $ ('# mydiv')는 컨텍스트입니다. 이 경우 each() 절은 #mydiv의 직접 하위 항목이 아니더라도 #mydiv 컨테이너 내의 모든 입력 요소를 반복합니다.

Answer 2

모든 요소를 ​​반복하는 것도 가능합니다 :

는

Answer 3

당신은 자식 요소를 통해 루프 필요 반복적으로 경우

이

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

---

참고 :이 예에서 내가 객체에 등록 이벤트 핸들러를 보여줍니다.

Answer 4

그렇게 할 수도 있습니다.
$('input', '#div').each(function() { console.log($(this)); //log every element found to console output });