1遍历要 *** 作的table的tr；
2通过选择器td:last获取到本行最后一个单元格td；
3通过first()获取到第一个元素；
示例代码：<html>
<head>
<title></title>
<script src="Scripts/jquery-172minjs" type="text/javascript"></script>
<script type="text/javascript">
$(document)ready(function () {
var obj;
$("tr")each(function () {
obj = $(this)find("td:last")first();
consolelog($(obj)html());
});
});
</script>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td><h1>aaaa</h1>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td><h3>bbbb</h3>6</td>
</tr>
</table>
</body>
</html>
1、JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells
使用实例： oTabletBodies[0] oTabletHead[0] oTabletFoot[0] oTablerows[1] oTablecells[1]
2、遍历
var oTable=documentgetElementById("表格id");
oTabletBodies[0]可以看成是rows和cells组成的二维数组，用两个for循环嵌套遍历一下就可以了
jQuery 添加新内容有以下四个方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
你好！！
//一个笨方法，从json中取出内容拼成table并追加到body中$(function(){
var table_1 = {
"table": {
"_width": "600",
"thead": {
};
var jsonTbl = table_1table; //获取json中的table
if(jsonTbl != ""){ //如果table不为空
var $tbl = $("<table/>"); //创建一个table元素
$tblwidth(jsonTbl_width)attr("border",1);//设置table1的宽度和边框
//循环thead中的tr
$each(jsonTbltheadtr, function(i, _tr){
var $tr = $("<tr/>"); //创建一个tr元素
//循环tr中的th
$each(_trth, function(j, _th){
var $th = $("<th/>"); //创建一个th元素
$thtext( _th_text ); //设置th元素的文本内容
if(_th_colspan){ //如果存在_colspan属性
$thattr("colspan", _th_colspan); //为th元素添加colspan属性
}
$trappend( $th ); //将th元素追加至tr元素上
});
$tblappend( $tr ); //将该tr元素追加至table元素上
});
//循环tbody中的tr
$each(jsonTbltbodytr, function(i, _tr){
var $tr = $("<tr/>"); //创建一个tr元素
//循环tr中的td
$each(_trtd, function(j, _td){
var $td = $("<td/>"); //创建一个td元素
$tdtext( _td_text ); //设置td元素的文本内容
$trappend( $td ); //将该td元素追加至tr元素上、
});
$tblappend( $tr ); //将tr元素追加至table元素上
})
//将表格元素追加至body
$("body")append( $tbl );
}
};
//还有种使用模板实现的方式，需要引入一个jquerytmplminjs文件，它是个jQuery模板插件
<script id="tbl" type="text/x-jquery-tmpl">{{if ($data != "")}}
<table width=${_width} border=1 >
{{each $datatheadtr}}
<tr>{{each th}}<th colspan=${_colspan}>${_text}</th>{{/each}}</tr>
{{/each}}
{{each $datatbodytr}}
<tr>{{each td}}<td>${_text}</td>{{/each}}</tr>
{{/each}}
</table>
{{/if}}
</script>
<script>
$(function(){
var table_1 = {
"table": {
"_width": "600",
"thead": {
};
$("#tbl")tmpl( table_1table )appendTo( $("body") );
});
</script>
希望对你有帮助！！！
以上就是关于jquery如何获取每一行的最后一列的第一个元素全部的内容，包括:jquery如何获取每一行的最后一列的第一个元素、在js中怎样获取当前页面表格中的数据、jquery怎么在tabel中添加一个tbody等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）