是否可以附加2个jQuery对象?

时间:2013-04-15 19:27:02

标签: javascript jquery

例如,这里我收到错误

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'});

3 个答案:

答案 0 :(得分:1)

有两个明显的选择。

使用.append代替 - 可以添加要添加的元素列表:

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

或使用.add组合jQuery列表:

jQuery(...).add(jQuery(...)).appendTo(my_table)
个人而言,我会使用前者。恕我直言,它更清洁。

答案 1 :(得分:0)

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/

答案 2 :(得分:0)

我会这样做:

$('#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
    )
);