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()  

，因为 后代选择器： 元素的后代可以是该元素的子元素，孙子元素，曾孙子元素等等。 子选择器：  选择由“parent”指定的元素“child”指定的所有直接子元素。

参考child selector descendant selector