正文

jquery获取table数据（jquery获取tabletr）

技术帮
技术帮 V管理员 /0 评论 /19 阅读
0630

jquery中table动态添加的行？

比如设置table的id为tab var trHTML = "<tr><td>...</td></tr>" $("#tab").append(trHTML)

jquery获取table数据（jquery获取tabletr）

;//在table最后面添加一行 $("#tab tr:eq(2)").after(trHTML)

; // 在table的第3行后面添加一行 这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行 $(function() { $(":button").click(function() { var tr = "<tr><td>new</td></tr>"; //$("table").append(tr); $("table tr:eq(2)").after(tr); }); }); 这是我测试用的代码，你可以运行看看

jquery获取表格值的方法？

操作表格的jquery方法很很多，比较常用的有：获取单行：$("table").find("tr").eq(x)

;//x是行标，从0开始你说的获取索引可以$("table").find("tr").eq(x).index()

;//其实这里的索引就是x获取单列：$("table").find("tr").eq(x).find("td").eq(y)

;////x是列标，从0开始获取奇数行：$("table").find("tr:odd")获取偶数行：$("table").find("tr:even)

jQuery实现html表格动态添加新行的方法？

jQuery实现动态添加行的方法

<script src="jquery-1.6.2.min.js"></script>

<script type="text/javascript">

<!-- jQuery Code will go underneath this -->

$(document).ready(function () {

// Code between here will only run when the document is ready

$("a[name=addRow]").click(function() {

// Code between here will only run

//when the a link is clicked and has a name of addRow

$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');

return false;

});

});

</script>

</head>

<body>

<table id="myTable">

<tr><td>Row 1</td></tr>

<tr><td>Row 2</td></tr>

<tr><td>Row 3</td></tr>

</table>

<a href="#" name="addRow">Add Row</a>

</body>

</html>