2025年01月07日 建站教程
html开发中,如何利用jquery语法增加tr行,下面web建站小编给大家简单介绍一下有哪些方法可以实现这个功能!
1、利用eq()方法动态增加行
$(document).ready(function(){ $("button").click(function(){ var $cloneRow=$("table tr").eq(0).clone(); $("table").append($cloneRow); }); });
2、利用after()方法增加行
$(document).ready(function(){ $("button").click(function(){ var $newRow=$("<tr><td>小米</td><td>29</td></tr>"); $("table tr:eq(0)").after($newRow); }); });
3、利用append()方法增加行
$(document).ready(function(){ $("button").click(function(){ $("table").append("<tr><td>小米</td><td>29</td></tr>"); }); });
本文链接:http://so.lmcjl.com/news/20891/