बाल divs के माध्यम से jQuery लूप

Question

<div id="ChosenCategory" class="chosen"> 
    <div class="cat_ch" name="1"> 
    <div class="cat_ch" name="2"> 
    <div class="cat_ch" name="3"> 
    <div class="cat_ch" name="5"> 
    <div class="clear"> </div> 
</div> 

मैं div.cat_ch हालांकि लूप करना चाहता हूं कैसे?

यह एक विफल रहता है:

$("div").each(function() { 
     alert("FW"); 
     alert($(this).attr("name").val()); 
    }); 

Answer 1

http://jsfiddle.net/2TRxh/

मैं आपकी समस्या div बंद वैल पाने के लिए आप विशेषता $(this).attr("name").val() पाने के बाद प्रयास के साथ निहित है लगता है। Div पर .val() का उपयोग करना समझ में नहीं आता है। यदि आप $(this).attr("name") हटाते हैं तो divs से name संपत्ति लौटाती है। आप div के बजाय प्रत्येक में क्लास चयनकर्ता का उपयोग कर div के लूप को आगे निर्दिष्ट कर सकते हैं। $(".cat_ch").each(function() {}); यह इस प्रश्न के विभिन्न अन्य उत्तरों में दिखाया गया है।

Answer 2

$(".cat_ch").each(function() { 
     alert("FW"); 
     alert($(this).attr("name").val()); 
    }); 

Answer 3

आप div.cat_ch लूप करने के लिए चाहते हैं, आप jQuery चयनकर्ता के लिए उपयोग करना चाहिए कि:

$("div.cat_ch").each(function() { 
    alert("FW"); 
    alert($(this).attr("name").val()); 
}); 

भी कर सकते हैं बच्चे तत्वों के माध्यम से लूप jQuery children() विधि का उपयोग करके:

$("#ChosenCategory").children().each(function() { 
    alert("FW"); 
    alert($(this).attr("name").val()); 
}); 

वांछित तत्वों लूप करने के लिए एक तीसरा रास्ता इतना की तरह है:

$("#ChosenCategory > div").each(function() { 
    alert("FW"); 
    alert($(this).attr("name").val()); 
}); 

जो भी रास्ता उपयोग आप चाहते हैं, वहाँ कोई सबसे अच्छा तरीका है।

Answer 4

$('#ChosenCategory').children('.cat_ch').each(function() { 

}); 

या

$('#ChosenCategory > .cat_ch').each(function() { 

}); 

JQuery के .children विधि और css3 बच्चे चयनकर्ता > केवल प्रत्यक्ष बच्चों कि चयनकर्ता, वर्ग .cat_ch उदाहरण में से मेल खाते हैं वापस आ जाएगी।

आप डोम पेड़ में गहरी खोज करने के लिए चाहते हैं, कि है, नेस्टेड तत्वों में शामिल हैं, .find का उपयोग करें या बच्चे चयनकर्ता छोड़ देते हैं:

$('#ChosenCategory').find('.cat_ch').each(function(){}) 

या

$('#ChosenCategory .cat_ch').each(function(){}) 

Answer 5

$('.cat_ch').each(function(i, e) { 
    alert('FW'); 
    alert(e.attr('name').val()); 
}); 

Answer 6

आप तो केवल divs को लक्षित करना चाहते हैं,

$('#ChosenCategory div').each(function() {...}); 

अन्य उत्तरों को विशिष्ट कक्षाओं की आवश्यकता होती है और/या आपके मूल div के भीतर गैर-divs को भी संसाधित करेगा।

Answer 7

$(function(){ 

    var items=$(".cat_ch") 
    $.each(items,function (index,item) { 

     alert($(item).attr("name")); 
    }); 

}); 

कार्य नमूना: http://jsfiddle.net/GzKHA/

Answer 8

 
    function loopOver(obj) 
    { 
     var chl=obj.firstChild; 
     while(chl) 
     { 
      if(chl.nodeType==1) 
      { 
       var isAttr=chl.getAttribute('name'); 
       if(isAttr) 
       { 
        alert(isAttr); 
       } 
      } 
      chl=chl.nextSibling; 
     } 
    } 

    //This is by far the fastest in terms of execution speed!!! 
    var obj=document.getElementById("ChosenCategory"); 
    loopOver(obj); 

Make sure to enclose the each `<div>` tag at the end of each!!