jquery 怎么获取tr下的第二个td元素

（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 中使用 text() 或者 html() 函数可以获取td的内容：

$("td")text();   // 或者 $("td")html();

二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。

下面实例演示：点击按钮后获取所有选中行的td单元格的内容

1、HTML结构

<table id = "test">

    <tr><td><input type="checkbox" name="test"></td><td>1</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>4</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>7</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>10</td></tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

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

        str = $(":checkbox:checked")map(function() {

            return $(this)parent()siblings('td')text();  // 根据checkbox定位到后面的td，然后使用text()函数获取内容

        })get()join(", ");   // 获取内容数组并拼接为字符串

        alert(str);   // 输出

    });

});

3、效果演示

<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获取td内的input标签的内容代码如下：

$("tr input")val();

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 60+, FF15+, Safari 20+, Opera 90+），jQuery20及后续版本将不再支持IE6/7/8浏览器

以上就是关于jquery 怎么获取tr下的第二个td元素全部的内容，包括:jquery 怎么获取tr下的第二个td元素、如何用jquery获得td里边的内容、jquery怎么获取table中的某个td的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！