javascript - 是否可以附加 2 个 jQuery 对象？

Question

例如，在这里我得到一个错误

jQuery([jQuery('<td/>').text('Component'), 
        jQuery('<td/>').text('Value')]).appendTo(my_table)

是否可以通过一个操作将两个元素附加到my_table对象？

也仅供参考

var my_table = jQuery('<table/>').attr({'class': 'table table-hover table-bordered', 'id': 'parse-result'});

Answer 1

有两个明显的选择。

改为使用.append- 它可以添加要添加的元素列表：

my_table.append(
    jQuery(...),
    jQuery(...)
);

或用于.add组合 jQuery 列表：

jQuery(...).add(jQuery(...)).appendTo(my_table)

就个人而言，我会使用前者。恕我直言，它干净多了。

Answer 2

我会这样做：

$('#myTable').append( //Selects myTable and appends the tr below
    $('<tr></tr>').append( //Creates a new tr element and appends the tds below
        $('<td></td>').text('Cell 1'), //Creates a new td element
        $('<td></td>').text('Cell 2') //Creates a new td element
    )
);

Answer 3

var my_table = jQuery('<table/>').attr({'class': 'table table-hover table-bordered', 'id': 'parse-result'});
my_table.append('<td>Component</td>', '<td>Value</td>');
$('body').append(my_table);

http://jsfiddle.net/3T4W7/