可以用jQ的index()方法，举例：
<table id="table1"><tr>
<td>第1行</td>
</tr>
<tr>
<td>第2行</td>
</tr>
<tr>
<td>第3行</td>
</tr>
<tr>
<td>第4行</td>
</tr>
</table>$('#table1')find('tr')click(function() {
var idx = $(this)index() + 1; // 索引是从0开始的，故+1
consolelog('点击了第' + idx + '行');
});
（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 。
$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素
$('#id-tr td') //这个可以得到id为id-tr下的所有td子元素
td如果不是生成的就给td 定义一个唯一ID 再通过ID来取比较好。
1、使用css选择器，$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
<input type="button" id="btn" value="设置">
2、jquery代码
$(function(){
$("#btn")click(function() {
$("#test tr td:nth-child(2)")addClass('red');
});
$("#test tr")click(function() {
$(this)children('td')eq(1)addClass('red');
});
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
$(tbody)find('tr')eq(1)find('td')eq(2);
这条代码取的是第1个tr的第2个td
你可以用$(tbody)find('tr')size()取所有tr
然后在循环中取第二个td
有两种方法可以获取tr下的第二个td元素：
1、使用css选择器，$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
<input type="button" id="btn" value="设置">2、jquery代码
$(function(){ $("#btn")click(function() { $("#test tr td:nth-child(2)")addClass('red'); }); $("#test tr")click(function() { $(this)children('td')eq(1)addClass('red'); });});您好，请看代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script language="javascript" src=">
以上就是关于jquery如何获取取元素序号，例如一个有N行的table，点击其中的一行，获取到它的行号。全部的内容，包括:jquery如何获取取元素序号，例如一个有N行的table，点击其中的一行，获取到它的行号。、jquery 怎么获取tr下的第二个td元素、jquery怎么得到tr下所有td等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）