Heim >Web-Frontend >js-Tutorial >jquery动态增加删除表格行的小例子_jquery

jquery动态增加删除表格行的小例子_jquery

WBOY
WBOYOriginal
2016-05-16 17:15:171013Durchsuche

复制代码 代码如下:





<script><BR> $(function(){<BR> var show_count = 20; //要显示的条数<BR> var count = $("input:text").val(); //递增的开始值,这里是你的ID<BR> var fin_count = parseInt(count) + (show_count-1); //结束递增的条件<BR> <P> $("#btn_addtr").click(function(){<BR> if(count < fin_count) //点击时候,如果当前的数字小于递增结束的条件<BR> {<BR> $("tr:eq(1)").clone().appendTo("table"); //在表格后面添加一行<BR> $("tr:last td input:first").val(++count); //改变添加的行的ID值。<BR> }<BR> });<BR> }); <P> function deltr(){<BR> var length=$("tr").length;<BR> if(length<=2){<BR> alert("至少保留一行");<BR> }else{<BR> $("tr:last").remove();<BR> }<BR> }<BR></script>


 
   
   
   
   
 
 

 


   
   
   
   
 
 

ID Username Usertype Other

     
   


Stellungnahme:
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