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/