如何用jquery在div里面选择div里面的div

时间:2011-09-05 07:46:57

标签: jquery jquery-selectors

<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>

我想选择所有不指定id或检查任何其他属性的div,是否可以这样做?

这是我的尝试:

$("#tab div div")

但看起来选择不完全正确。需要帮助。

问题是,我的选择器返回了应该

的更多元素

4 个答案:

答案 0 :(得分:11)

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

这将使用#tab

的上下文选择div的所有子节点

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

答案 1 :(得分:10)

试试这个

$("#tab > div > div")

您可以使用子选择器(&gt; )来选择子项。查看更多信息: http://api.jquery.com/child-selector/

答案 2 :(得分:0)

您也可以使用JQuery的find方法。 Find将返回所选元素的所有后代元素。

$(selector).find(过滤条件)

例如:

$(&#34; DIV#标签&#34)。发现(&#34; DIV&#34)

答案 3 :(得分:-3)

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

[docs]

引用jquery:

  

获取匹配元素集中每个元素的兄弟姐妹,   可选择由选择器过滤。