将列添加到右侧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
点击我
这是因为您附加了整个htmlclasssdfgsdfg
。您应该将每个th
/td
分别附加到所需的thidtr
中。比如说
$('.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代码;)标记为负数时,请提供说明