Question

我正在尝试遍历TR并从一个单元格中取出内容并将它们附加到另一个单元格。

$('.tableRow').each( function(){
    $( '.cell2', this).wrapInner("<div class='tempDiv'></div>");
    $('.tempDiv', this ).appendTo( ".cell1", this );
});

...但是我得到的是，例如，如果一个表有4行，则cell1将至少附加8次tempDiv。

小提琴：http://jsfiddle.net/HenriPablo/TFgN3/1/

Answer 1

我确信有一种更简洁的方法可以做到这一点，但让代码工作的最快方法是对jQuery进行一些更改：

$('.tableRow').each( function(){
    $(this).find('.cell2').wrapInner("<div class='tempDiv'></div>");
    $(this).find('.cell1').append($(this).find(".tempDiv"));
});

这是Fiddle

Answer 2

这是你要找的结果吗？

$('.tableRow').each( function(){
    $(this).find('.cell2').wrapInner("<div class='tempDiv'></div>");
    $(this).find('.tempDiv').appendTo( $(this).find('.cell1') );
});

这是一个小提琴：http://jsfiddle.net/Niffler/kLyHy/

它的编写方式，来自每个单元格的数据被附加到类“cell1”的每个实例...

Answer 3

您在寻找this吗？

$('.tableRow').each( function(){
    $(".cell1", this)
        .append($("<div class='tempDiv'></div>")
                    .append($( '.cell2', this).html())
               );
});

使用jQuery循环表行并将内容从一个单元格移动到另一个单元格

3 个答案: