JQuery获取与类名相关的多列的识别码

Question

我有这样的桌子

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

我试过这个。但是索引给出了最后一列的索引号。

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

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

Answer 1

使用.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();
});

Answer 2

您可以使用map()和index()方法：

var indices = $("#myTable tr:first td.class2").map(function(i) {
    return $(this).index();
}).get();

console.log(indices); // [3, 4]