Как выбрать div внутри div внутри div с помощью jquery

Question

<div id="tab">     
        <div class="" style="margin: 10px;">
            <div id="someVerylongId1" style="height: 400px; position: relative;">

            </div>
        </div>
        <div class="" style="margin: 10px;">
            <div id="someVerylongId2" style="height: 400px; position: relative;">

            </div>
        </div>
        <div class="" style="margin: 10px;">
            <div id="someVerylongId3" style="height: 400px; position: relative;">

            </div>
        </div>
<div>

Я хочу выбрать все div, не указывая идентификаторы или проверяя какие-либо другие атрибуты, возможно ли это сделать?

Вот моя попытка:

$("#tab div div")

, нопохоже выбирает не совсем правильно.Нужна помощь.

Проблема в том, что мой селектор возвращает больше элементов, чем должно

Answer 1

$("div > div", "#tab");

Это выберет всех дочерних элементов div, используя контекст # tab

http://jsfiddle.net/HenryGarle/mHpMM/

Answer 2

Попробуйте это

$("#tab > div > div")

Вы можете использовать дочерний селектор (> ) для выбора ребенка. Смотрите больше информации: http://api.jquery.com/child-selector/

Answer 3

Вы также можете использовать метод find из JQuery. Find возвращает все элементы-потомки выбранного элемента.

$ (селектор) .find (критерии фильтра)

например:

$ ( "# DIV вкладка"). Найти ( "DIV")

Answer 4

$("#tab").siblings();

[ документы ]

Цитата из jquery:

Получить братьев и сестер каждого элемента в наборе соответствующих элементов, опционально фильтруется селектором.