jquery 嵌套选择器答案

【问题标题】：jquery nested selectorjquery 嵌套选择器
【发布时间】：2010-10-08 12:30:20
【问题描述】：

如何抓取嵌套元素“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>

【问题讨论】：

标签： jquery jquery-selectors

【解决方案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

You can test it here，正如您在上面看到的，您的选择器很灵活，请使用对您的整体标记有效的内容。 .val() 用于输入类型元素，例如<input>、<select>、<textarea>、<button>...要获取任何其他元素中的文本，请改用.text()。

【讨论】：

啊，是的……我知道这是一件如此简单的事情，我的大脑要爆炸了。谢谢。
@nick Yaaa，很好的答案，请您在评论中编辑答案并添加什么类型的选择器

【解决方案2】：

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

但不是

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

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

参考child selector descendant selector

【讨论】：