怎么用jquery获取DIV中的TR和TD

怎么用jquery获取DIV中的TR和TD,第1张

<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,同理循环

})

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

            });

        });

你参考一下

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

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

$('#h')click(function(){//点击隐藏,建议把td的id换成class,这样不管几个td几个tr都能用

if($('#td1')text()==""){

$('#td1')parent('tr')hide()

}

});

显示

$('#s')click(function(){

$('tr')show()

});

代码性能不好,可以自己去完善

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存