特定の数の子供を含むdivを選択する

Question

14個以上のスパンを含む特定のクラスのすべてのdivを選択したいと思います。これどうやってするの？

Answer 1

あなたは私はあなたが、残念ながら、要素の数に選択することができますかわからないhttp://api.jquery.com/size/

Answer 2

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

を参照してくださいrefrence例えばjqueryの大きさや長さを使用することができます。

ここにはfiddle in actionです。

Answer 3

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

は、ここではフィドルhttp://jsfiddle.net/E86e5/4/

Answer 4

最もエレガントではありませんが、これは動作します。私のバイオリンタイピングにそれを容易にするために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/

Answer 5

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

ここではフィドルです：http://jsfiddle.net/brian3f/gK6eG/2/