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 。

1、首先自己编写了一个网页。

2、如图，在浏览器中打开网页。然后//div，就可以找到页面中的所有div了，因为//表示的是任意目录下查找。如图，页面有两个div，所以可以找到两个。

3、还可以用类来排除多余的div，比如要查找类为a的div，可以在div后面用[@class="类名"]来指定，这样没有类名a的div就会被过滤掉，当然，还可以用id，把class改为[@id="id名"]即可。

4、那么如果想找div下面的a标签怎么办，同样，还是用//,这样div下面的非a标签就会被跳过，直接去找a标签。

5、如果要获取a标签的href，那么可以获取到a标签后用/@href即可获得。

6、如果是获取文本的话，可以用text()这个方法，就会得到a标签里面的内容。

7、如图，斜杠/表示的是获取子元素，比如div下面有两个子元素p，那么//div[2]/p获取的就是第二个div的子元素p。这样简单的xpath就分析完了。

如下所示：

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

function getParentEl (el, tagName) {

    if (!el) return el;

    do {

        el = elparentNode;

    } while(el && eltagName !== tagName);

    return el;

}

function temp(){

    //得到选中row的value值

    var temp=documentgetElementsByName('id');

    for(var i=0;i<templength;i++){

        if(temp[i]checked==true){

            edit=temp[i]value;

            var tr = getParentEl(temp[i], 'TR');

            var tds = trcells;

            for (var j = 0; j < tdslength; j++) {

                var tdInner = tds[j]innerHTML;

                alert(tdInner);

            }

        }

    }

}

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">

<tr>

<td height="25">第一行</td>

</tr>

<tr>

<td height="25">第二行</td>

</tr>

<tr>

<td height="25">第三行</td>

</tr>

<tr>

<td height="25">第四行</td>

</tr>

<tr>

<td height="25"><input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(this)"></td>

</tr>

</table>

如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据

<script language="javascript">

function getTableContent(node) {

// 按钮的父节点的父节点是tr。

var tr1 = nodeparentNodeparentNode;

alert(tr1rowIndex);

alert(tr1cells[0]childNodes[0]value); //获取的方法一

alert(tr1cells[0]innerText);

// 通过以下方式找到table对象，在获取tr，td。然后获取td的html内容

var table = documentgetElementById("tb1");//获取第一个表格

var child = tablegetElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格

var text = childfirstChildinnerHTML;

windowalert("表格第" + rowIndex + "的内容为: " + text);

}

</script>

以上就是关于jquery 怎么获取tr下的第二个td元素全部的内容，包括:jquery 怎么获取tr下的第二个td元素、xpath能获取div下的所有tr中的td内容么、jQuery 获取遍历获取table中每一个tr中的第一个td的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！