十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$('#id-tr td') // 这个可以得到id为id-tr下的直系td子元素
我们注重客户提出的每个要求,我们充分考虑每一个细节,我们积极的做好成都网站设计、成都网站制作服务,我们努力开拓更好的视野,通过不懈的努力,成都创新互联公司赢得了业内的良好声誉,这一切,也不断的激励着我们更好的服务客户。 主要业务:网站建设,网站制作,网站设计,微信小程序,网站开发,技术开发实力,DIV+CSS,PHP及ASP,ASP.Net,SQL数据库的技术开发工程师。
$('#id-tr td') //这个可以得到id为id-tr下的所有td子元素
// 不分行
$('table td').each(function (i, td) {
console.log(td.innerText);
})
// 分行
$('table tr').each(function (i, tr) {
// 这里获取tr下面的td,同理循环
})
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('tr td[name="a"]').text());
3、浏览器运行index.html页面,此时成功查找到了tr下name为“a”的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());
});
});
你参考一下
有两种方法可以获取tr下的第二个td元素:
1、使用css选择器,$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。