将列添加到右侧jQuery表

将列添加到右侧jQuery表,jquery,html,Jquery,Html,我有这个代码,我尝试了迄今为止,但它没有给我的结果,我想要的 $(文档).ready(函数(){ $(“.get_attr”)。单击(函数(){ var trow;//=$('.optionsForm tr:first').html(); trow='Classsdfgsdfgsdfgsdfg'; $('.optionsForm')。追加(trow); }); }); 名称 可持续发展目标 sdfg sdgds 点击我 这是因为您附加了整个htmlclasssdfgsdfg。您应该将每个th

我有这个代码,我尝试了迄今为止,但它没有给我的结果,我想要的

$(文档).ready(函数(){
$(“.get_attr”)。单击(函数(){
var trow;//=$('.optionsForm tr:first').html();
trow='Classsdfgsdfgsdfgsdfg';
$('.optionsForm')。追加(trow);
});
});

名称
可持续发展目标
sdfg
sdgds
点击我

这是因为您附加了整个html
classsdfgsdfg
。您应该将每个
th
/
td
分别附加到所需的thid
tr
中。比如说

$('.optionsForm tr:eq(0)').append('<th>Class</th>');
$('.optionsForm tr:eq(1)').append('<td>sdfg</td>');
$('.optionsformtr:eq(0)')。追加('Class');
$('.optionsformtr:eq(1)')。追加('sdfg');
$(文档).ready(函数(){
$(“.get_attr”)。单击(函数(){
$('.optionsformtr:eq(0)')。追加('Class');
$('.optionsformtr:eq(1)')。追加('sdfg');
$('.optionsformtr:eq(2)')。追加('sdfg');
$('.optionsformtr:eq(3)')。追加('sdfg');
});
});

名称
可持续发展目标
sdfg
sdgds
点击我

给你一个解决方案

$(文档).ready(函数(){
$(“.get_attr”)。单击(函数(){
瓦特罗;
var columnContent=['Class','sdfg','sdfg','sdfg'];

对于(var i=0;i您的代码不起作用,因为您必须为每个现有的
tr
添加新的
td
,要实现这一点,您可以创建一个数组,然后循环它,如下所示:

$(文档).ready(函数(){
$(“.get_attr”)。单击(函数(){
var-cont=1;
var val=[“sdfg1”、“sdfg2”、“sdf3g”、“sdfg4”];
$(“tr:first”)。追加(“类”);
用于(var i在val中){
$(“tr”).eq(续)追加(val[i]);
cont++;
}
});
});

名称
可持续发展目标
sdfg
sdgds

单击我
检查html代码;)标记为负数时,请提供说明