Question

如何从表中删除列。用于删除列号的文本框值。有关更多信息，请参阅此链接：使用Javascript：

$("#target").click(function () {
    var removecolunms = $("#textval").val();
    $('table colgroup').find('col:eq("' + removecolunms + '")').remove();
    $('table tr').find('th:eq("' + removecolunms + '")').remove();
    $('table tr').find('td:eq("' + removecolunms + '")').remove();
});

jsfiddle

Answer 1

$('table').find('tr').each(function() {
    this.removeChild(this.cells[ 0 ]);
});

其中0是columnindex

Answer 2

您必须遍历表格的每一行并删除相应的第t和第t个元素。

$('tr').each(function(){
    $(this).find('td:nth-child(' + colIndex + ')').remove();
    $(this).find('th:nth-child(' + colIndex + ')').remove();
});

查看fiddle

Answer 3

  <table border="1" style="width:100%" class="dataupdate">
    <tr>
        <td>Row 1 Col1</td>
        <td>Row 1 Col2</td>
        <td>Row 1 Col3</td>
        <td>Row 1 Col4</td>
        <td>Row 1 Col5</td>
        <td>Row 1 Col6</td>
    </tr>
    <tr>
        <td>Row 2 Col1</td>
        <td>Row 2 Col2</td>
        <td>Row 2 Col3</td>
        <td>Row 2 Col4</td>
        <td>Row 2 Col5</td>
        <td>Row 2 Col6</td>
    </tr>
    <tr>
        <td>Row 3 Col1</td>
        <td>Row 3 Col2</td>
        <td>Row 3 Col3</td>
        <td>Row 3 Col4</td>
        <td>Row 3 Col5</td>
        <td>Row 3 Col6</td>
    </tr>   
    </table> 
    <form>
          <input type="text" id="numrow" placeholder="Row" >
          <input type="text" id="numcol" placeholder="Column">
          <input  type="button" id="removeButton" value="Remove" >  
    </form>

的javascript

  $('#removeButton').click(
  function(){
   var numrow = $('#numrow').val();
   var numcol = $('#numcol').val();  
$('.dataupdate tr:nth-child('+numrow+') td:nth-child('+numcol+')').remove()
  });

小提琴http://jsfiddle.net/yy7qmedt/1/

如何从表中删除列

3 个答案: