首页 > 代码库 > 【Asp.net入门3-03】jQuery-选择元素
【Asp.net入门3-03】jQuery-选择元素
练习:使用jQuery实现一个可以给table增加、删除行的页面
HTML代码:
<body> <input type="button" value="ADD" id="btn1"/> <input type="button" value="DEL" id="btn2"/> <div id="div1"> <table border="1" width="200px" id="t1"> <tr class="CaseRow"> <td>test1</td> <td><input type="checkbox" /></td> </tr> <tr class="CaseRow"> <td>test2</td> <td><input type="checkbox" /></td> </tr> </table> </div> </body>
JS代码
<script type="text/javascript"> $(document).ready(function(){ $("#btn1").click(function(){ var tr = "<tr class=‘CaseRow‘><td>new</td><td><input type=‘checkbox‘ /></td></tr>"; $("table").append(tr);//向table中追加tr }); $("#btn2").click(function(){ var num=$("#t1 tr").filter(".CaseRow").size();//获得表格行数 alert(num); if(num==1){ alert("留一行,好不好"); return; } var t=$("input:checked").parent().parent("tr").remove();//移除选中的行 }); }); </script>
【Asp.net入门3-03】jQuery-选择元素
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。