JQuery动态给table添加、删除行 改进版
更新时间：2011年01月19日 23:42:34 作者：
最近需要使用JQuery动态操作table，自己整理了一下，可以添加新行，删除选中的一行或多行，简单代码如下
复制代码 代码如下:
<html>
<head>
<title>
</title>
<script src="js/jquery-1.4.2_min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var row_count = 0;
function addNew()
{
var table1 = $('#table1');
var firstTr = table1.find('tbody>tr:first');
var row = $("<tr></tr>");
var td = $("<td></td>");
td.append($("<input type='checkbox' name='count' value='New'><b>CheckBox"+row_count+"</b>")
);
row.append(td);
table1.append(row);
row_count++;
}
function del()
{
var checked = $("input[type='checkbox'][name='count']");
$(checked).each(function(){
if($(this).attr("checked")==true) //注意：此处判断不能用$(this).attr("checked")==‘true'来判断。
{
$(this).parent().parent().remove();
}
});
}
</script>
</head>
<body>
<input type="button" value="Add" onclick="addNew();">
<input type="button" value="Delete" onclick="del();">
<div id="rightcontent">
<table id="table1" cellspacing="3" cellpadding="3" border="1">
<tbody>
<tr>
<th>
Add new row,then test the delete function.
</th>
</tr>
</tbody>
</table>
</div>
</body>
</html>
相关文章
本文给大家分享的是使用jQuery插件Boxscroll来实现简单的图片轮播特效的代码，非常简单实用，有需要的小伙伴可以参考下。2015-07-07
对于我来说，标准的HTML元素（Select）已经让我感到讨厌。它不能够正常的在IE浏览器上显示。还有一点就是他并不仅仅包含简单的文本。本实例将完全摒弃select元素，通过JQuery和CSS来构建DropDown元素。2015-05-05
这篇文章主要为大家详细介绍了jquery实现直播弹幕效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
网上基于jQuery的表单验证插件已有很多，但是这个轮子我还是继续做一个，因为这个表单验证插件是从我以前的个人JS框架移值过来的（我已慢慢投入jQuery的怀抱），并且它的验证规则书写方式也许会让你眼前一亮。2009-12-12
jQuery DateTimePicker 日期和时间插件示例
jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，这篇文章主要介绍了jQuery DateTimePicker 日期和时间插件示例，有兴趣的可以了解一下。2017-01-01
本文将为大家介绍下在jtable列中如何自定义button，下面有一个不错的示例，感兴趣的朋友可以参考下2013-11-11
通过jquery和css相结合的方式实现鼠标点击图片弹出画廊切换特效，效果逼真，下面小编把源码分享给大家供大家参考2015-11-11
这篇文章主要介绍了jQuery插件实现大图全屏图片相册的方法和示例，基于jQuery插件jQuery.album.js来实现的，效果非常不错，这里推荐给大家，希望大家能够喜欢。2015-03-03
jquery提示 "object expected"的解决方法
在测试代码的时候，提示object expected，下面的解决方法，可以参考下。2009-12-12
jQuery Selectors(选择器)的使用(六、属性篇)
本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法，我将以实例方式进行讲述，以简单，全面为基础，不会涉及很深，我的学习方法：先入门，后进阶！2009-12-12
最新评论