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 

You can test it here ，正如您在上面所看到的，您的选择器是灵活的，可以使用适合您的整体标记的内容。 .val() 用于输入类型元素，例如<input> , <select> , <textarea> , <button> ...要获取任何其他元素内的文本，请使用 .text() 相反。