jQuery के साथ एक कंटेनर के भीतर कैसे चयन करें?

Question

<div id="container1"> 
<span>...</span> 
</div> 
<div id="container2"> 
<span>...</span> 
</div> 

कहें कि मुझे jQuery ऑब्जेक्ट $ ('कंटेनर 1') मिल गया है, तो इसमें <span> कैसे खोजें?

Answer 1

बस descendant अवधि का चयन करें:

$('#container1 span'); 

ध्यान दें कि यह # container1 अंदर किसी भी अवधि का चयन करेंगे, भले ही एक प्रत्यक्ष वंशज नहीं है।

आप केवल प्रत्यक्ष सन्तान का चयन करना चाहते हैं, तो parent > child चयनकर्ता का उपयोग:

$container1.find('span'); 

या

$container1.children('span'); 

Answer 2

:

$('#container1 > span'); 

आप केवल एक वस्तु संदर्भ आप सका है, तो find(expr) का प्रयोग करें। उदाहरण:

$("p").find("span").css('color','red'); 

Answer 3

ऐसा करने के कई तरीके हैं। सीएमएस जवाब में अपनी टिप्पणी के अनुसार:

$('#container1').find('span:first'); 

और

$('#container1 span:first'); 

सीएमएस के अन्य सुझावों की चोटी पर।

Answer 4

मुझे पता है तुम एक जवाब स्वीकार कर लिया है, मैं सिर्फ ऐसा करने का एक और तरीका है जोड़ना चाहते हैं:

$("span", $container1); //This will start in your variable $container1 
          and then look for all spans 

मैं अभी तक इन पर प्रदर्शन का परीक्षण नहीं किया है, इसलिए मैं नहीं जानता कि जो बेहतर। बस सोचा कि मैं आपको बता दूंगा कि आपके पास और विकल्प हैं (: