Question

所以我想说我有html表A和html表B结构如下。

Table A (id="a")
ID#        Count
XX         XX
XX         XX

和

Table B (id="b") like this:
ID#        Desc.
XX         XX
XX         XX

使用jQuery，我如何加入它们并将表A中的count列插入B？我不想创建一个新表，只需将表A的一部分插入到B中，如下所示：

Updated table B:
ID#        Count      Desc.
XX         XX         XX
XX         XX         XX

-Thanks！

更新，这是小提琴：http://jsfiddle.net/3VHEY/

Answer 1

以下代码

创建＆＃34; Count＆＃34;表格中的列＆＃34; B＆＃34;，
将NULL写入新列的每个单元格
表格中的每一行＆＃34; A＆＃34;找到表格中的行＆＃34; B＆＃34;具有相同的ID，并将计数写入这些。

jsfiddle是here。

$(function () {
    var $table_a_rows = $('#table_a tr'),
        $table_b_rows = $('#table_b tr');
    $table_b_rows.each(function (index) {
        $(this).find('td').eq(0).after('<td>' + (index === 0 ? 'Count' : 'NULL') +'</td>');
    });    
    $table_a_rows.each(function (index) {
        var $this_cells = $(this).find('td'),
            id = $this_cells.eq(0).text(),
            count = $this_cells.eq(1).text();
        if (index === 0) {
            return;
        }
        $table_b_rows.each(function () {
            var $this_cells = $(this).find('td');
            if ($this_cells.eq(0).text() === id) {
                $this_cells.eq(1).text(count);
            }
        });
    });    
});

Answer 2

$(function(){
 var rowsB = $('#table_b tr');
 var rowsA = $('#table_a tr');

 for(var i=0; i< rowsB.length ; i ++){
    var cells = $('td',$(rowsA[i])).clone();
    cells = cells.splice(1);
    $(rowsB[i]).append(cells);
 }

 var result = 0;

})

jQuery：加入隐藏表并将列插入另一个表

2 个答案: