jquery - n 番目の子 div を選択できません

Question

いくつかのdivを移動しようとしていますが、オブジェクトオブジェクトを通過するだけでそれらを選択できないようです:

http://jsfiddle.net/kL3c8/1/

<div class="partnerGroupContent">
   <div class="column"> 
        <div class="sponsor">1</div>
        <div class="sponsor">2</div>
   </div>
    <div class="column1"> 
        <div class="sponsor">3</div>
        <div class="sponsor">4</div>
   </div>
</div>

var rowCount = 2

var myColumn = $('.partnerGroupContent:nth-child(2)')

if (rowCount == 2) {

$('.partnerGroupContent').after('<div class="partnerGroupContent2">' + myColumn + '</div>');

}

どんな助けでも感謝します、ありがとう!

Answer 1

jQuery オブジェクトを文字列に連結していますが、そのようには機能しません。そして、あなたは誤解してい:nth-childます。nth親の子であるセット内の要素をフィルター処理するフィルターなので、おそらくこれが必要です。

$('.partnerGroupContent > :nth-child(2)')

と

$('.partnerGroupContent').after(
    $('<div>', {
        'class': 'partnerGroupContent2'
    }).append(myColumn) //append the actual element
                    //don't concatenate strings
)

http://jsfiddle.net/kL3c8/6/

Answer 2

問題は$('.partnerGroupContent:nth-child(2))、何も返さないことです。

使用する：var myColumn = $('.partnerGroupContent').children(2);

partnerGroup次に、それをusingに追加しますhtml。myColumn.html()

フィドルを更新して、コンテンツの更新を下に表示しました。

http://jsfiddle.net/kL3c8/5/

Answer 3

試す

var rowCount = 2

var myColumn = $('.partnerGroupContent > :nth-child(2)')

if (rowCount == 2) {

$('<div class="partnerGroupContent2"></div>').insertAfter('.partnerGroupContent').append(myColumn.clone());

}

デモ:フィドル

Answer 4

すべての列 div の配列を取得することもできます

var rowCount = 2
var columnArray = $('div.partnerGroupContent > div');

配列インデックスで特定の列 div を取得します

if (rowCount == 2) {
   var myColumn = $(divArray[rowCount-1]).html();
   $('.partnerGroupContent').after('<div class="partnerGroupContent2">' + myColumn +     '</div>');
}