Jquery在body元素中查找表列中的特定列
jquery find specific columns in a table column in tbody element
var html_table =
"<table class='table'>" +
"<thead>" +
"<tr><th>#</th><th>First</th><th>Second</th><th>Third</th><th>Fourth</th><th>Fifth</th></tr></thead>" +
"<tbody>" +
"<tr><td ></td><td></td><td>Pitt</td><td>35</td><td>New York</td><td>USA</td></tr>" +
"</tbody>" +
"</table>";
var $html_table = $(html_table);
var first_column= $html_table.find('???');
var second_column= $html_table.find('???');
所以我有上面的表在javascript和使用jquery来获得第一列和第三列。但是find()方法似乎不够灵活,无法在body元素
您可以使用.eq函数获取列。
$html_table.find('tbody tr td').eq(0) // First element
$html_table.find('tbody tr td').eq(2) // third element
在eq函数中,使用以0开头的索引
您可以使用next代码访问所有td of column:
var columnNumber = 0; //first column
$.each($html_table.find("tr"), function(){
var tdOfCurrentColumn = $(this).children().eq(columnNumber);
})
假设您的表有id="table"
。你可以这样做:
var first_column = $('#table:first-child');
var second_column = $('#table:nth-child(2)');
我还没有试过,但应该可以。请随意使用css3的选择器。
来自Chris,我认为使用CSS3选择器更容易。
var first_column= $("tbody td:nth-child(1)",$html_table)
var second_column= $("tbody td:nth-child(2)",$html_table)
看看这个。https://jsfiddle.net/nvg4f2at/1/
相关文章:
- 正在全局范围中查找JavaScript函数
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- es6 相当于下划线查找位置
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何在不传递此信息的情况下查找被调用的元素
- Lodash 从值数组中查找数组中的值
- 如何使用JavaScript查找1和N之间的所有数字的总和
- 使用RegExp查找url中的字符
- 查找元素高度,包括边距
- 使用JS查找数组的平均值
- 查找最短和最长日期
- 猫鼬在特定记录中查找嵌套记录
- 使用javascript在MVC中查找网格长度时出错
- 在Javascript数组中查找绝对最大值
- 在javascript中查找单词
- JavaScript 在数组中查找缺少的数字
- Google Apps Script在body中查找url并将其格式化为超链接
- Jquery在body元素中查找表列中的特定列