jQuery 获取遍历获取table中每一个tr中的第一个td的方法

如下所示：

<tbody

id="already_question_list">

<tr>

<td><php

echo

$val['unique_number'];

></td>

<td><php

echo

$val['year']'-'$val['series'];

></td>

<td><php

echo

$val['content']

></td>

<td><php

echo

$val['knowledges']

></td>

<td><php

echo

$val['last_admin'];

></td>

<td>

<input

type="button"

class="btn"

value="－"

data-score="<php

echo

$val['score'];

>"

onclick='remove_selected(this);'/>\

<input

type="hidden"

name="question_numbers[]"

value="<php

echo

$val['unique_number'];

>"/>

</td>

</tr>

</tbody>

<script>

var

leng

=

$("#already_question_list

tr")length;

var

filter_numbs

=

new

Array();

for(var

i=0;

i<=leng;

i++)

{

numberStr

=

$("#already_question_list

tr")eq(i)find("td:first")html();

filter_numbspush(numberStr);

}

</script>

以上就是小编为大家带来的jQuery

获取遍历获取table中每一个tr中的第一个td的方法全部内容了，希望大家多多支持脚本之家~

<script>

$(document)ready(function(){

alert($("#tableid>tbody>tr:eq(1)>td:eq(1)")text());

});

</script>

<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>

请参考已存在的帖子

使用jquery提供的两个选择器实现：

:first 选择器选取第一个元素

:last 选择器选取最后一个元素。

因此，抓取tbody下的第一个tr的最后一个td里面的第一个a标签可以使用如下代码：

$("table tr:first td:last a:first");

实例演示：隐藏tbody下的第一个tr的最后一个td里面的第一个a标签

创建Html元素

<div class="box">

<span>点击按钮隐藏第一个a标签：</span><br>

<div class="content">

<table>

<tbody>

<tr><td>打酱油</td><td>打酱油</td><td><a>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</a></td></tr>

<tr><td>打酱油</td><td>打酱油</td><td>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</td></tr>

<tr><td>打酱油</td><td>打酱油</td><td>打酱油</td></tr>

</tbody>

</table>

</div>

<input type="button" value="隐藏第一个a标签">

</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{height:30px;line-height:30px;padding:5px; text-align:center;border:1px solid green;}

编写jquery代码

$(function(){

$(":button")click(function() {

$("table tr:first td:last a:first")hide();

});

})

观察效果

初始样式

点击按钮隐藏第一行最后一列第一个a标签

$(tbody)find('tr')eq(1)find('td')eq(2);

这条代码取的是第1个tr的第2个td

你可以用$(tbody)find('tr')size()取所有tr

然后在循环中取第二个td

因为tr的下标是从0开始的，所以实际取的则是第i-1个下标的元素。比如，你想取第二个tr，那么就是$("table tr:eq(1)")，想去第58个tr则是$("table tr:eq(57)")

就可以了

以上就是关于jQuery 获取遍历获取table中每一个tr中的第一个td的方法全部的内容，包括:jQuery 获取遍历获取table中每一个tr中的第一个td的方法、javascript（jQuery）怎样获取嵌套table中的数据求指导，谢谢！、jquery怎么获取table中的某个td的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！