jQuery 获取遍历获取table中每一个tr中的第一个td的方法

jQuery 获取遍历获取table中每一个tr中的第一个td的方法,第1张

如下所示:

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

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');

});

});

可以参考下面的代码:

<br>

var tr = $("#dvABC table tr");<br>

$("#dvABC table tr")each(function() {<br>

// tr循环<br>

// 如果要TD循环,可以像下面这样写<br>

$(this)find("td")each(function() {<br>

// td逻辑<br>

});<br>

// 如果想获取某一个td的,可以这样写<br>

var td = $(this)find("td:eq(" + tdIdx + ")");<br>

// 例如获取第一个单元格$(this)find("td:eq(0)");<br>

});<br>

$('td')text();

首先使用jquery选择器选择所有的td标签,使用jquery的text()方法可以获取td中的文字内容。

text():得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

以上就是关于jQuery 获取遍历获取table中每一个tr中的第一个td的方法全部的内容,包括:jQuery 获取遍历获取table中每一个tr中的第一个td的方法、jQuery怎么取到第二个tr的其中几个td、怎么用jquery获取DIV中的TR和TD等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/10146335.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存