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

Вы можете проверить это здесь , как вы можете видеть выше, ваш селектор гибок, используйте то, что работает на вашей общей разметке..val() для элементов типа ввода, например, <input>, <select>, <textarea>, <button> ... чтобы получить текст внутри любого другого элемента, используйте .text() вместо.

Answer 2

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

но не

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

из-за селектор потомков: Потомок элемента может быть потомком, внуком, правнуком и т. Д. Этого элемента. дочерний селектор: Выбирает все прямые дочерние элементы, указанные "child" для элементов, указанных "parent".

ссылка дочерний селектор селектор потомков