Heim > Web-Frontend > js-Tutorial > Hauptteil

超级简单的jquery操作表格方法_jquery

WBOY
Freigeben: 2016-05-16 16:26:56
Original
1302 Leute haben es durchsucht

本文实例讲述了超级简单的jquery操作表格方法。分享给大家供大家参考。具体实现方法如下:

利用jquery给指定的table添加一行、删除一行

复制代码 代码如下:








1 2 3
11 22 33





1 2 3



<script> //在id为test的table的最后增加一行<br /> function addtr(id){ tr_id = $("#test>tbody>tr:last").attr("id");<br /> tr_id++; //alert(tr_id);<br /> str = "<tr id = '"+tr_id+"'><td width='30%'>re1<td width='30%'>re2<td width='30%'>re3";<br /> $('#'+id).append(str); } //删除id为test的table的最后一行<br /> function deltr(id){ tr_id = $("#test>tbody>tr:last").attr("id"); $('#'+tr_id).remove();<br /> }<br /> </script>

 
jQuery动态添加删除表格的行和列
复制代码 代码如下:






Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!