2009-04-17 15 views
0

私は5つの強力な要素を持っていると言います。div要素でjQueryを使用して2のグループにまとめたいとします。jQueryの要素の一部をグループ分けして取得できますか?

例:

<!--original markup--> 
<strong>I AM STRONG</strong> 
<strong>I AM STRONG</strong> 
<strong>I AM STRONG</strong> 
<strong>I AM STRONG</strong> 
<strong>I AM STRONG</strong> 

は、これを実行するための最良の方法だろう何

<!-- new markup --> 
<div> 
    <strong>I AM STRONG</strong> 
    <strong>I AM STRONG</strong> 
</div> 
<div> 
    <strong>I AM STRONG</strong> 
    <strong>I AM STRONG</strong> 
</div><div> 
    <strong>I AM STRONG</strong> 
</div> 

になり?私はいくつかのことを試みましたが、問題がありました。強い要素は固定された高さを持つことはできません。また、これらの要素は単なる例である。

これを行うにはどうすればjQueryループを作成しますか?

はありがとう

編集固定数の要素がありません

答えて

4

Iと思いますおそらくちょうどループ一度に2つ、私が行くように各ペアを包む...

var elems = $("strong"); 
for (var i=0; i<elems.length; i+=2) 
{ 
    elems.slice(i,i+2) // split off a pair 
    .wrapAll("<div>"); // wrap it 
} 
+0

賢いコード...おかげでShog9! – alex

0

他のすべての要素を選択するには:oddを使用し、偶数要素を取得するには.prevを使用します。

$('strong:odd').each(function(){ 
    var divElement = $('<div></div>').append($(this).prev(), $(this)); 
    // Now add the divElement to a new container? 
}); 
関連する問題