JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td

JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td,第1张

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

<table id="test">

            <tr>

                <td>

                    1

                </td>

                <td>

                    2

                </td>

            </tr>

            <tr>

                <td>

                    一

                </td>

                <td>

                    二

                </td>

            </tr>

        </table>

JQuery:

 $(document)ready(function () {

            $('#test tr')each(function () {                

                alert($(this)children('td')eq(1)html());

            });

        });

你参考一下

可以参考下面的代码:

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

// 不分行

$('table td')each(function (i, td) {

    consolelog(tdinnerText);

})

// 分行

$('table tr')each(function (i, tr) {

    // 这里获取tr下面的td,同理循环

})

$('td')text();

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

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

$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素

$('#id-tr  td')  //这个可以得到id为id-tr下的所有td子元素

以上就是关于JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td全部的内容,包括:JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td、怎么用jquery获取tr下面的td、怎么用jquery获取DIV中的TR和TD等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9517409.html

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

发表评论

登录后才能评论

评论列表(0条)

保存