jquery नेस्टेड चयनकर्ता

Question

मैं नेस्टेड तत्व "4" कैसे पकड़ सकता हूं?

मैंने कोशिश की:

var nights = $("div.nights h5 div.num").val(); 

और:

var nights = $("div.nights > h5 > div.num").val(); 

उदाहरण:

<div class="nights"> 
     <h5 class="biguns"> 
      <div class="num">4</div> 
      Nights 
     </h5> 
</div> 

Answer 1

उपयोग .text() यहाँ के बजाय, इस तरह:

$("div.nights h5 div.num").text() 
//or this works too: 
$("div.nights > h5 > div.num").text() 
//or just 
$("div.num").text(); 

You can test it here, जैसा कि आप ऊपर देख सकते हैं, आपका चयनकर्ता लचीला है, अपने समग्र मार्कअप पर क्या काम करता है इसका उपयोग करें। .val() इनपुट प्रकार तत्वों के लिए है, उदा। <input>, <select>, <textarea>, <button> ... किसी भी अन्य तत्व के अंदर पाठ प्राप्त करने के लिए, .text() का उपयोग करें।

Answer 2

$("div.nights div").text() 

लेकिन इसलिए नहीं कि

$("div.nights > div").text() 

वंशज चयनकर्ता: एक तत्व के एक वंशज उस तत्व का एक बच्चा, पोता, महान-पोते हो सकता है, और इतने पर। बाल चयनकर्ता: "पैरेंट" द्वारा निर्दिष्ट तत्वों के "बच्चे" द्वारा निर्दिष्ट सभी प्रत्यक्ष बाल तत्वों का चयन करता है।

संदर्भ child selector descendant selector