Question

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

document.getElementById('table').rows[rowIndex].style.display='null'
是不是这样，还有没有别的更好的办法，谢谢！

Answer 1

可以使用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="清空最后一行数据">
   	<input type="button" class="btn2" value="删除最后一行">	
   </div>

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   table{border-collapse:collapse;}
   td{width:30px;height:30px;line-height:30px; text-align:center;border:1px solid green;}
   input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3. 编写jquery代码

   $(function(){
   	// 只是清除最后一样的数据
   	$("input:button.btn1").click(function() {
   		$("table tr:last td").each(function() {
   			$(this).text("");
   		});
   	})
   	// 删除最后一行
   	$("input:button.btn2").click(function() {
   		$("table tr:last").remove();
   	})
   })

4. 观察效果

• 点击清除数据按钮

  

• 点击删除行按钮

  

Answer 2

$("table:last-child").hide(); //这个只是隐藏了
$("table:last-child").remove(); //这个是删除

Answer 3

:last
匹配找到的最后一个元素

--------------------------------------------------------------------------------

Matches the last selected element.
返回值
Element

示例
查找表格的最后一行

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代码:

$("tr:last")
结果:

[ <tr><td>Value 2</td></tr> ]
api上是这么写的，貌似能解决你的问题