javascript - JavaScript 中的删除函数

Question

我试图从表中删除行但不知何故不起作用。请告诉我如何解决这个问题？

这是我的带有表格和 javascript 的 html:

<tbody class="items">
    <tr>
        <td> Data 1 </td>
        <td> Data 2 </td>
    </tr>
</tbody>

<tbody id="test">
    <tr>
        <td> </td>
        <td> </td>
    </tr>
</tbody>

$(".items tr").click(function() {
    var value = parseInt($.trim(tableData[1]));
    $("#test").append(
        "<tr><td><input name='sm_invnumber[]' value='" + 
        $.trim(tableData[0]) + 
        "' style='width: 170px;' readonly ></td><td><input name='sm_amount[]' value='" +          
        $.trim(tableData[1]) + 
        "' style='width: 170px; text-align: right;' readonly ></td><td><span onclick='deleteRow(value, this)'> x </span> </td></tr>");
});

function deleteRow(value, row) {
    var i = row.parentNode.parentNode.rowIndex;
    document.getElementById('#test').deleteRow(i);
}

这是我正在使用的说明:通过单击表(class= items)选取数据并将它们放入表(id=test)中。有一个带有'X'的函数。我想删除这一行。

非常感谢您的帮助。

Answer 1

你似乎让你的生活变得很困难。为什么不简单地向具有十字的单元格添加一个类并使用 jQuery 删除其包含行。例如:

<table>
  <tbody id="test">
    <tr><td>Data 1</td><td class="delete">x</td></tr>
    <tr><td>Data 2</td><td class="delete">x</td></tr>
    <tr><td>Data 3</td><td class="delete">x</td></tr>
  </tbody>
</table>

$('.delete').click(function () {
  $(this).parent().remove();
});

Fiddle