Question

js如何取得当前行数，并删除

表格的第一列是一个删除按钮，按这个按钮，这行就会删除，Js如何实现？

Answer 1

JS

function getParent (el, parentTag) {
    do {
        el = el.parentNode;
    } while (el && el.tagName !== parentTag);
    return el;
}

function removeTr (el) {
    el = getParent(el, 'TR');
    var rowIndex = el.rowIndex;
    el = getParent(el, 'TABLE');
    el.deleteRow(rowIndex);
}

HTML

<table>
  <tbody>
  <tr>
    <td><input type="button" onclick="removeTr(this)" value="删除" />1</td>
  </tr>
      <tr>
    <td><input type="button" onclick="removeTr(this)" value="删除" />2</td>
  </tr>
      <tr>
    <td><input type="button" onclick="removeTr(this)" value="删除" />3</td>
  </tr>
      <tr>
    <td><input type="button" onclick="removeTr(this)" value="删除" />4</td>
  </tr>
  </tbody>
</table>

Answer 2

首先按钮加一个onclick事件 onclick="aaa(this)"
function aaa(aa)
{
jQuery("table").index(jQuery(aa).parent().parent());//行数
jQuery(aa).parent().parent().remove();
}

Answer 3

按钮的父级元素是td，再父级是tr，删除。
button.parentNode.parentNode

Answer 4

有代码吗？ 我看看