2009-08-09 8 views
5

में विशिष्ट तत्व कैसे प्राप्त करूं मुझे सूची में सड़क पता युक्त div प्राप्त करने की आवश्यकता है। Div में पता (div class = "address")मैं jQuery.each loop

मैं jQuery ("# ​​storeList li .address") का उपयोग नहीं कर सकता, क्योंकि अन्य तत्व भी हैं जो मुझे acces करने की आवश्यकता है।

मैं निम्नलिखित कोड है:

jQuery("#storeList li").each(function() { 
    var n = jQuery(this.address).text(); // <- This does not work 
    alert(n); 
}); 

मैं कैसे प्रकार पता से प्रत्येक DIV तत्व उपयोग करते हैं?

उत्तर

12
jQuery("#storeList li").each(function() { 
    var n = jQuery(this).find(".address").text(); // <- This works 
    alert(n); 
}); 
+0

नोड नाम के साथ चयनकर्ताओं को उपसर्ग करने के लिए बेहतर - jQuery (यह) .ind ("div.address") – redsquare

+0

यह निर्भर करता है। यदि आप नोड नाम के साथ चयनकर्ता को उपसर्ग करते हैं, तो आप जावास्क्रिप्ट कोड को बदलने के बिना तत्वों की संरचना को बदल नहीं सकते हैं (उदा। एक div द्वारा एक div को प्रतिस्थापित करें)। दूसरी तरफ, यदि आप नोड चयनकर्ताओं का उपयोग करते हैं तो jQuery तत्व को तेज़ी से चुन सकता है। – Scharrels

+0

हां, नोड चयनकर्ता एक तत्व को तेजी से चुनेंगे। इसके विपरीत सीएसएस के साथ यदि आप अपने चयनकर्ता को बहुत विशिष्ट बनाते हैं, तो यह चयनकर्ता प्रक्रिया को धीमा कर देता है। –

-1
jQuery("#storeList li:has(.address) .address").each(function() { 
    alert(this.innerHTML); 
}); 

एक वैकल्पिक कि एक दूसरे क्वेरी का उपयोग कर से बचा जाता है। एक jQuery नौसिखिया के रूप में मुझे नहीं पता कि ट्रेडऑफ वास्तव में क्या हैं।

+0

यह अच्छा है अगर आप केवल पते के बारे में परवाह करते हैं, लेकिन यदि आपके पास अधिक फ़ील्ड हैं, या पते के बिना ली को संभालने के लिए क्या नहीं है। इसके अलावा, आपको 'li: है (.address) .address' की आवश्यकता नहीं है, यह वही है लेकिन' li .address' से धीमा है - आप '.address' का चयन कर रहे हैं, इसलिए आप जानते हैं कि यह वहां है। – Kobi

+0

बहुत उत्साहजनक, कोबी। –

+0

क्या वह सनकी है? मैं बस मदद करने की कोशिश कर रहा हूं ... जिस तरह से यह समझ में आता है, मैंने इसे वोट नहीं दिया। – Kobi

2
$('#storeList li').each(function() 
{ 
    var n = $(this).find('div.address').html(); 
    alert(n); 
}); 
संबंधित मुद्दे