我想在我的html表中添加一个列。我的代码是:
$('#addColumn').click(function(){
$('#contentTable').css('width', $('#contentTable').width()+150)
$("#contentTable tr:first").append("<td style="+"width:150px"+">Col</td>");
$("#contentTable tr:gt(0)").append("<td style="+"width:150px"+"></td>");
});
此脚本将新列添加为表中的最后一列。如何将新列添加为(n-1)
列?我的意思是,如果有ABC
列,则应为D
添加新列ABDC
。
@UPDATE 前
新功能:
$('#addColumn').click(function(){
$('#contentTable').css('width', $('#contentTable').width()+150)
$('#contentTable tr:last').before('<td style="+"width:150px"+">NEW_COLUMN</td>')
});
结果:
答案 0 :(得分:1)
$('#addColumn').click(function(){
$('#contentTable').css('width', $('#contentTable').width()+150);
$("#contentTable tr").each(function(ind, el){
if(ind == 0)
$(el).find('td:eq(-1)').before('<td style="width:150px">Col</td>');
else
$(el).find('td:eq(-1)').before('<td style="width:150px"></td>');
});
});
尝试这个