jquery - 別の順序でクラスを Div に追加する

Question

以下のように、同じ数の子を含む 2 つの親 Div があります。

<div class="parent_1">
    <div class="dir one">...</div>
    <div class="dir two">...</div>
    <div class="dir three">...</div>
    ....
</div> 

<div class="parent_2">
    <div class="dir">...</div>
    <div class="dir">...</div>
    <div class="dir">...</div>
    ...
</div> 

親_1 の子 ( ) のサポート クラスを、親.one, .two, .three_2 の子に同じ順序で追加する必要があります。

子の数は動的に作成され、両方の親が同じ数になります。

Answer 1

試す

var $children1 = $('.parent_1').children();

$('.parent_2').children().each(function(idx){
    $(this).addClass($children1.eq(idx).attr('class').replace(/dir\s+/, ''))
})

デモ:フィドル

私が見るかもしれない別の方法は

var srcs = $('.parent_1').children().map(function(){
    return this.className.replace(/dir\s+/, '')
}).get();

$('.parent_2').children().each(function(idx){
    $(this).addClass(srcs[idx])
})

デモ:フィドル

Answer 2

$('.parent_1 div').each(function(){
    $('.parent_2').find('div:eq(' + $(this).index() + ')').attr('class', $(this).attr('class'))
})