用jQuery（在表末尾）增加一行

最新推荐文章于 2023-08-31 19:54:35 发布

纳木错没有错

最新推荐文章于 2023-08-31 19:54:35 发布

阅读量4.9k

点赞数 1

分类专栏：前端 JavaScript 天全文章标签： outerHTML 增加一行 children（） jQuery

本文链接：https://blog.csdn.net/qq_39767955/article/details/81902936

版权

前端同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

JavaScript

20 篇文章 1 订阅

订阅专栏

天全

9 篇文章 1 订阅

订阅专栏

经常有需求是这样的：在一张完整表的最后一行再增加一行，具体的做法如下（就不提供table的HTML代码了）

    var $targetTbody= $("#batchPlanTable tbody");
	//.children()找到子元素，.children（“”）符合条件的子元素,仅沿着 DOM 树向下遍历单一层级

	var $tr = $targetTbody.children("tr[name='res']:last");
	//after() 方法在被选元素后插入指定的内容。参数必须，参数可以为函数或具体元素：
	//after("<p>Hello world!</p>")、after(function(n){return "<p>The </p>";})
	//.outerHTML找到指定元素并复制

	$tr.after($tr[0].outerHTML);

第一行代码：$("#batchPlanTable tbody")是意思是：找到表的表体；

第二行代码：找到最后一行；

第三行代码：复制。