javascript - JQuery 获取关于类名的多个列的索引

标签 javascript jquery

我有这样的表

<table id="myTable">
<tbody>
<tr>
    <td class="class1">aaa</td>
    <td class="class1">bbb</td>
    <td class="class1">ccc</td>

    <td class="class2">ddd</td>
    <td class="class2">eee</td>
</tr>

<tr>
    <td class="class1">fff</td>
    <td class="class1">ggg</td>
    <td class="class1">hhh</td>

    <td class="class2">iii</td>
    <td class="class2">jjj</td>
</tr>
</tbody>
</table>

我想提供类名,并获取具有该类名的列索引
例如,我给出“第 2 类”并得到 3 和 4。
我试过了。但是index给我最后一列的索引号。

 var indices = $("#myTable tbody tr").first().children("td.class2").index();

我需要一个包含所有索引值的数组。

最佳答案

使用.each()

var indices = [];
$("#myTable tbody tr").first().children("td.class2").each(function(){
    indices.push($(this).index());
});
// indices = [3, 4]

在现代网络浏览器中,您可以使用 Array#map

var indices = $("#myTable tbody tr").first().children("td.class2").get().map(function(self){
    return $(self).index();
});

关于javascript - JQuery 获取关于类名的多个列的索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14308002/

相关文章:

javascript - Highchart 导出未在系列数据标签上应用样式(字体大小)

JavaScript - 将数组索引分配给返回值不起作用

javascript - 使用 $q.all 的 Angular Promises

javascript - 通过数据表 jquery 插件添加的按钮上的 jQuery 单击事件

jquery - 关于 jQuery 的奇怪输出

jquery - 通过 Webpack 在 Rails 中安装 jQuery 时未定义 $

对于 IE9,输入文件上的 jquery .trigger() 失败

javascript - 使用 jQuery one() 取消绑定(bind)事件字符串中的所有内容

javascript - 如果函数不使用任何 I/O,NodeJS 异步函数的目的是什么?

php - jQuery 验证submitHandler 不适用于$.ajax 发布表单数据