jquery count兄弟は正しい結果を返しませんか？

Question

私はそれは私がそれを含めることができる方法<div class="item-sibling">1</div>

が含まれていません？siblingによってクラス、

HTML、

<div class="item-sibling">1</div> 
<div class="item-holder"><div class="item-sibling">2</div></div> 
<div class="item-holder"><div class="item-sibling">3</div></div> 
<div class="item-holder"><div class="item-sibling">4</div></div> 
<div class="item-holder"><div class="item-sibling">5</div></div>​ 

jqueryの、

var len = $('.item-sibling').siblings().css({background:'red'}).length; 
alert(len);​​​​ // return 4 

をカウントしたいですか

jsfiddle link

と私は

<div class="item-sibling">0</div> 
<div class="item-sibling">1</div> 
<div class="item-holder"><div class="item-sibling">2</div></div> 
<div class="item-holder"><div class="item-sibling">3</div></div> 
<div class="item-holder"><div class="item-sibling">4</div></div> 
<div class="item-holder"><div class="item-sibling">5</div></div> 

にHTMLを変更した場合、私は6この時間を取得します。奇妙な！

EDIT、

<div class="group-a"> 
    <div class="item-sibling">1</div> 
    <div class="item-holder"><div class="item-sibling">2</div></div> 
    <div class="item-holder"><div class="item-sibling">3</div></div> 
    <div class="item-holder"><div class="item-sibling">4</div></div> 
    <div class="item-holder"><div class="item-sibling">5</div></div>​ 
</div> 


<div class="group-b"> 
    <div class="item-sibling">1</div> 
    <div class="item-holder"><div class="item-sibling">2</div></div> 
    <div class="item-holder"><div class="item-sibling">3</div></div> 
</div> 

は同じクラスと一連のグループがあり、私は最初のグループインスタンスの動的対象グループの兄弟をカウントします。

Answer 1

編集

var len = $('.item-sibling').siblings().andSelf().css({background:'red'}).length; 

それとも...

var len = $('.item-sibling').parent().children().css({background:'red'}).length; 

---

を行うことができますあなたの更新を読んだ後、私は次のことを示唆している：

1）は、一般的な追加します"group"クラスを各グループに追加します。例えば、

<div class="group group-a"> 
    ... 
</div> 

2）次に、すべての "兄弟" を見つけるために、そのクラスを利用する：

var len = $('.item-sibling:first').closest('.group') 
    .find('.item-sibling').css({background:'red'}).length; 

Answer 2

兄弟が他人ているためです。フェッチされたセットに対するターゲット要素を含むjQuery andSelf()を試してください。

var len = $('.item-sibling') 
    .siblings() 
    .andSelf() 
    .css({background:'red'}) 
    .length; 

---

そして、あなたが持っている第二HTML、あなたは0と1ある2 .item-siblingを持っています。 jQueryは、0の兄弟（.item-holder、1を含む）と1の兄弟（.item-holder、0を含む）を取得します。

Answer 3

jqueryの文書によると、

"元の要素は兄弟の間には含まれていません。DOMツリーの特定のレベルですべての要素を検索するときに覚えておくことが重要です。"

REF：あなたはなぜちょうど

$('.item-sibling').length; 

をしないで、クラス= "アイテム兄弟" で、すべてのdivをカウントしたい場合http://api.jquery.com/siblings/

Answer 4

これは、すべての5つのdivを数えるのでしょうか？

Answer 5

今、私たちは、あなたがグループへの参照を持っている場合、あなたは、単に行うことができます、あなたが望むものを明確にすることを、[OK]を：

var items = $group.find('.item-sibling').length; 

あなたは.item-sibling要素への参照を持っている場合は、操作を行います。

var items = $item.closest('.group').find('.item-sibling').length; 

これは、各グループに共通のクラスがあることを前提としています。

あなたは、各グループの要素数のリストを取得したい場合は、それぞれのグループを反復処理する必要があります。

var num_items = $('.group').map(function() { 
    return $(this).find('.item-sibling').length; 
}).get();