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的方法全部内容了，希望大家多多支持脚本之家~

使用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标签

<tr onclick="setId($(this),'${uid}')" id="${uid }" name="show_data_tr">

function setId(tr,uid){

id= uid ;

trcss("background-color","#e5e5e5")siblings()css("background-color", "#FFFFFF") ; // 起作用了

}

（1）<table id = "test"><tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>。

（2） <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>。

（3） <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>。

（4）<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>。

（5）</table><input type="button" id="btn" value="设置">。

1、介绍:

（1）基本信息:jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。

（2）研发团队:由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。

（3）特点:动态特效、AJAX、通过插件来扩展、方便的工具 、渐进增强、链式调用、多浏览器支持、支持Internet 。

var tr  = $("div tr");

var td = $("div tr td");

直接用jquery查询所有的div 然后在查询所有div下边的tr，一次类推。

以上就是关于jQuery 获取遍历获取table中每一个tr中的第一个td的方法全部的内容，包括:jQuery 获取遍历获取table中每一个tr中的第一个td的方法、如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签、jquery获取当前点击的tr等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！