您的位置:首页 > Web前端 > JQuery

jQuery 实现表格最后增加一行和删除最后一行

2013-02-18 16:44 585 查看
-------------------------------html部分--------------------------

          <table>

 <tr>

     <td>第一行</td>

        <td>

         <ol>

             <li>1</li>

            </ol>

        </td>

    </tr>

</table>

<button id="btn3">追加</button>

<button id="btn4">减少</button>

-------------------------------jQuery部分----------------------------------------

 

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>   //添加jQuery库

 

<script type="text/javascript">

 $(document).ready(function(){

  $("#btn3").click(function(){

   var len=$("table tr").length;

   $("table").append("<tr id="+len+">"+"<td>"+len+"</td></tr>");

   });

   

 $("#btn4").click(function(){

  var len=$("table tr").length;

  if(len>1){

     $("tr[id='"+(len-1)+"']").remove(); 

   }

  

  });

   

  });

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery