选择具有一定数量子项的div

时间:2011-09-13 21:08:44

标签: jquery css-selectors

我想选择内部超过14个跨度的某个类的每个div。我怎么能这样做?

5 个答案:

答案 0 :(得分:5)

$('div').filter(function(){
    return $(this).find('span').size() > 14
});

不幸的是,我不确定你可以选择元素的数量。

这是fiddle in action

答案 1 :(得分:5)

var $divs = $('div span:nth-child(15)').parents("div");

这是一个小提琴:http://jsfiddle.net/brian3f/gK6eG/2/

答案 2 :(得分:2)

不是最优雅,但这有效。使用2的限制使我的小提琴打字变得更容易:

HTML:                                                                

<div id="div2">
    <span></span>
    <span></span>
</div>

<div id="div3">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

<div id="results"></div>

JS:

var the_divs = [];
$( 'div' ).each(function(){
   if( $( this).children('span').length > 2 )
       the_divs.push( $( this ).attr('id') );
});

$( 'div#results' ).text( the_divs.join( ', ' ) );

结果:

div1, div3

小提琴:http://jsfiddle.net/JBA9y/

答案 3 :(得分:1)

$("div.class").filter(function(){ return $("span",this).length===14}).addClass("yahoo");

这里是小提琴http://jsfiddle.net/E86e5/4/

答案 4 :(得分:0)

您可以使用jquery大小或长度作为参考,示例请参考http://api.jquery.com/size/