मैं jQuery का उपयोग कर div के बाल तत्वों के माध्यम से कैसे पुन: प्रयास करूं?

Question

मैं एक div है और यह उस में कई इनपुट तत्व है ... मैं उन तत्वों में से प्रत्येक के माध्यम से पुनरावृति करना चाहते हैं। विचार?

Answer 1

उपयोग children() और each(), आप वैकल्पिक एक चयनकर्ता children

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

को पारित कर सकते हैं आप, साथ ही तत्काल बच्चे का भी उपयोग कर सकता है:

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

Answer 2

यह भी सभी तत्वों के माध्यम से पुनरावृति के लिए संभव है एक विशिष्ट संदर्भ में, कोई mattter कितनी गहराई से वे नेस्ट हैं:

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

दूसरा पैरामीटर $ ('# mydiv') जो jQuery 'इनपुट' चयनकर्ता को पारित कर दिया है संदर्भ है। इस मामले में प्रत्येक() खंड #mydiv कंटेनर के भीतर सभी इनपुट तत्वों के माध्यम से फिर से शुरू होगा, भले ही वे #mydiv के प्रत्यक्ष बच्चे न हों।

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