jquery iç içe seçici

Question

Yuvalanmış öğeyi "4" nasıl yakalayabilirim?

Denedim: Böyle

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

Answer 1

Kullanım .text() yerine burada,:

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

ve:

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

örnek

$("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, yukarıda gördüğünüz gibi, seçiciniz esnektir, genel işaretlemenizde neyin işe yaradığını kullanın. .val(), giriş tipi öğeler içindir, örn. <input>, <select>, <textarea>, <button> ... diğer herhangi bir öğenin içindeki metni almak için .text() kullanın.

Answer 2

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

ancak

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

soyundan seçici çünkü: Bir öğenin soyundan o elementin, yani bir çocuk, torun, torun çocuğu olabilir ve olabilir. çocuk seçici: "Ebeveyn" ile belirtilen elemanların "alt öğesi" ile belirtilen tüm doğrudan alt öğeleri seçer.

referans child selector descendant selector