javascript - 如何根据td选择tr

Question

我试图根据“td”类选择“tr”数组，一旦获得数组，我想获取所有 tr 的自定义“data-fid”值的数组。

这就是我得到的，

var rows = $("#tableB tr").children(".New.selected") // returns  td, but I want tr

一旦我得到行，我想获取其中的 data-fid 值的数组，

var selectedValues = rows.attr('data-fid');  // not sure if it will work but i guess this is how i would do it

我正在尝试用谷歌搜索，但我找到正确措辞的运气现在却严重失败。

<table id="tableB" class="dmctable2">
    <tr data-fid="1" Class="selected"><td></td><td></td><td class="New selected"></td></tr>
    <tr data-fid="2"></tr>
    <tr data-fid="3" Class="selected"></tr>
</table>

Answer 1

您可以使用:has()选择器。

Selects elements which contain at least one element that matches the specified selector.

像这样:

$("#tableB tr:has(.New.selected)")

并获取数组中的数据值:

 $("#tableB tr:has(.New.selected)").map(function(){return $(this).data("fid");}).get();

另一个替代方案是 faster将选择 .New.selected 元素，然后访问其 parent :

$("#tableB tr .New.selected").parent('tr')