jquery 获取td标签内容

1、首先我们打开电脑里的jquery软件创建一个名称为get的html文件。

2、在页面中加入一个div，div内放入文本并加入一些标记，还有两个button在点击不同的button的时候获取不同的内容。

3、然后我们引入jquery库。

4、在文档准备函数中加入button1点击事件，在点击事件后获取div中的text内容。

5、在文档准备函数中加入button2点击事件，在点击事件后获取div中的html内容。

6、在浏览器中运行该文件，点击两个button即可获取不同的结果。

$(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)")

就可以了

$(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)")

就可以了

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('tr td[name="a"]')text());

3、浏览器运行indexhtml页面，此时成功查找到了tr下name为“a”的td的内容。

$(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');    });});

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

以上就是关于jquery 获取td标签内容全部的内容，包括:jquery 获取td标签内容、jQuery怎么取到每个table里的第i个tr、jQuery怎么取到每个table里的第i个tr等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！