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>

我需要以相同的顺序将parent_1子项（.one, .two, .three）的支持类添加到parent_2的子项中。

将动态创建子女数量，父母双方将拥有相同的数字。

Answer 1

尝试

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

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

演示：Fiddle

我可能会看到的另一种方式是

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

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

演示：Fiddle

Answer 2

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

按照另一个顺序将Div添加到Div

2 个答案: