jquery। प्रत्येक केवल पहले तत्व

Question

पर काम करता है मुझे jqueries समझने में परेशानी हो रही है।

$('#testDiv').each(function(index, domEle){  
    $(this).text(index); 
}); 

और निम्न HTML

<div id="p18"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div id="testDiv"></div> 
    </div> 
</div> 
<div id="p19"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div id="testDiv"></div> 
    </div> 
</div> 
<div id="p20"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div id="testDiv"></div> 
    </div> 
</div> 

जब स्क्रिप्ट यह केवल चलाता पहले testDiv लिए काम करता है, के रूप में इसे सही ढंग से 0 करने के लिए पाठ सेट लेकिन अन्य testDivs,: मैं निम्नलिखित कोड है ।

मेरा समग्र लक्ष्य एक स्क्रिप्ट लिखना है जो div की ऊंचाई को किसी अन्य div की ऊंचाई के आधार पर सेट करेगा। ऊंचाइयों में भिन्नता है इसलिए मुझे लगता है कि एक लूप संरचना जाने का तरीका है (जब तक मुझे गलत नहीं लगता?)

मैं jq कोड के साथ गलत तरीके से क्या कर रहा हूं?

Answer 1

आप विभिन्न तत्वों के लिए एक ही #id उपयोग नहीं कर सकते। (किसी भी कक्षा जोड़े बिना काम करता है - क्लीनर कोड) बाकी का नाम बदलने की कोशिश करो और आप परिणाम प्राप्त करेंगे आप

चाहते हैं या ऐसा करने

$('.inner div').each(function(index, domEle){  
    $(this).text(index); 
}); 

Answer 2

each विधि के साथ कोई समस्या नहीं है। आपने कई तत्वों के लिए id निर्दिष्ट किया है, जो समर्थित नहीं है।

इसके बजाय कक्षा का उपयोग करें, और आप सभी तत्वों को पा सकते हैं।

डेमो: http://jsfiddle.net/Guffa/xaL4n/

Answer 3

id चयनकर्ता अधिकतम एक तत्व देता है।

आपके पास एक ही आईडी के साथ एक से अधिक तत्व नहीं होना चाहिए। यह एक अमान्य HTML

यह काम करेंगे, लेकिन यदि आप HTML के बजाय ठीक करना चाहिए:

$('div[id="testDiv"]')... 

क्या तुम सच में क्या करना चाहिए है:

<div id="p18"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div class="testDiv"></div> 
    </div> 
</div> 
<div id="p19"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div class="testDiv"></div> 
    </div> 
</div> 

फिर कक्षा से चयन करें:

$('.testDiv')... 

Answer 4

आपके पास अवैध HTML है। आईडी को अद्वितीय होना चाहिए। आप बदलना चाहिए id="testDiv"class="testDiv" को

एचटीएमएल:

<div id="p20"> 
    <div class="inner"> 
     <span>...</span> 
     <p class="right">...</p> 
     <div class="testDiv"></div> 
    </div> 
</div> 

जावास्क्रिप्ट:

$('.testDiv').each(function(index, domEle){  
    $(this).text(index); 
}); 

Answer 5

आप एक html पृष्ठ में एक ही div id निर्दिष्ट नहीं कर सकते।

<div id="testDiv"></div> 

कि insteed,

<div class="testDiv"></div> 

कोशिश करते हैं और अपने कार्य

$('.testDiv').each(function(index, domEle){  
$(this).text(index); 

की तरह दिखना चाहिए});