JavaScript将列添加到表中

时间:2017-03-10 21:28:15

标签: jquery

我想在我的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 前

enter image description here

新功能:

$('#addColumn').click(function(){
                $('#contentTable').css('width', $('#contentTable').width()+150)
                $('#contentTable tr:last').before('<td style="+"width:150px"+">NEW_COLUMN</td>')
            });

结果:

enter image description here

1 个答案:

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

尝试这个