<table border="1" cellspacing="0" id="mytable">
<thead>
<caption>统计表</caption>
</thead>
<tbody>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>男</td>
<td>22</td>
<td>北京</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>男</td>
<td>23</td>
<td>上海</td>
</tr>
<tr>
<td>3</td>
<td>王燕</td>
<td>女</td>
<td>21</td>
<td>广东</td>
</tr>
<tr>
<td>4</td>
<td>王伟</td>
<td>男</td>
<td>20</td>
<td>陕西</td>
</tr>
<tr>
<td>5</td>
<td>张娟</td>
<td>女</td>
<td>23</td>
<td>重庆</td>
</tr>
</tbody>
</table>
<script>
$(function(){
var name=$("#mytable tr>td:nth-child(2)")text();
var age=$("#mytable tr>td:nth-child(3)")text();
alert(name);
alert(age);
});
</script>
请参考已存在的帖子
css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素,因此获取table的某列可用如下核心代码
$("table tr")find("td:nth-child(n)"); // 获取table所有行第一列实例演示:点击按钮获取第一列中含有字符1的行标
创建Html元素
<div class="box"><span>点击按钮获取第一列中含有字符1的行标:</span><br>
<div class="content">
<table class="test">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>71</td><td>8</td><td>9</td></tr>
</table>
</div>
<input type="button" value="获取第一列含有字符1的行">
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
$(function(){$("input:button")click(function() {
num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {
return $(elem)html()indexOf("1")>=0 index+1 : null;
})get()join(',');
alert("第一列中包含字符1的行为:"+num);
});
});
观察效果
比如
<table><tr>
<td><input type="checkbox" checked/></td>
<td>1</td>
</tr>
</table>
可以用以下代码获取到 1
$(function(){$("input:checked")parents('tr')find('td')eq(1)text();
})
直接给你上代码了:
$("#table
tr")each(function(){
var
tr
=
$(this);
alert(trtext());//这个输出的是tr的文本
//如果想要取到td需要再次遍历tr
var
tds
=
trfind("td");
tdseach(function(){
var
td
=
$(this);
alert(tdtext());//这个就是td的文本
});
});
行列从0开始计算
jquery获取一个td,一行代码搞定
$('#'+tableID)find('tr:eq('+row+')')find('td:eq('+col+')');
你的代码 都没怎么用到jquery呀!!!
<head><script type="text/javascript" src=">
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery,编写问题基础代码。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('tr')find('td:eq(0)')text());
3、浏览器运行indexhtml页面,此时成功取到了表格的第一页数据并打印。
以上就是关于jquery怎么获取table中的某个td的值全部的内容,包括:jquery怎么获取table中的某个td的值、jquery 怎样获得table里某列的值、jQuery获取到一个table表格中被单选框选中的行的其他列的值怎么做上代码!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)