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() // descendant selector
//or this works too:
$("div.nights > h5 > div.num").text() // child selector
//or just
$("div.num").text(); // chaining tag and class selector 

您可以在这里测试，正如您在上面看到的，您的选择器很灵活，使用适合您的整体标记。 .val() 用于输入类型元素，例如 、、</code>、<code><button></code>...获取任何其他元素内的文本，请使用 <a href="http://api.jquery.com/text/" rel="nofollow noreferrer"><code>.text()</code></a> 代替。

Answer 2

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

但不是

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

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

参考 子选择器
后代选择器