如何用JQUERY来删除TABLE当中的最后一行数据?

来源：百度知道 编辑：UC知道 时间：2024/05/12 09:51:21
document.getElementById('table').rows[rowIndex].style.display='null'
是不是这样，还有没有别的更好的办法，谢谢！

可以使用jquery的 :last 选择器来选取最后一个元素，

  • 如果只是删除数据

    $("table tr:last td").each(function() {
        $(this).text("");  // 将单元格td的内容设为空，以达到清除数据之目的
    });

  • 如果要删除最后一行

    $("table tr:last").remove();

示例代码如下

  1. 创建Html元素

    <div class="box">
    <span>点击按钮删除最后一行或清空最后一行数据：</span><br>
    <div class="content">
    <table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
    </table>
    </div>
    <input type="button" class="btn1" value=