选择其兄弟元素具有特定类的匹配元素

Question

我想选择表格单元格的直接子级的所有链接，所以我有以下选择器：

$('td a')

但我想为此添加另一个过滤器。我只想选择那些与“moda”类有直接同级的表格单元格链接。换句话说，以下将匹配：

<td>
  <a data-target="#unresolvedTasks" data-toggle="modal" href="#" style="">dfsgdfg fghfghjhgj</a>
  <div class="modal fade" id="unresolvedTasks" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</td>

我在 Google 上搜索了 AND 条件，得到了 this 链接。但这是一种不同类型的 AND 条件：

a=$('[myc="blue"][myid="1"][myid="3"]');

这将选择一个满足所有这些条件的元素。我想选择一个满足特定条件的元素，然后检查它的兄弟是否满足特定条件。

我试过了：

$('td a, td a + div[class="modal"]')

但那是在做 OR 条件而不是 AND 条件。

有什么建议吗？

Answer 1

尝试使用

$('td > div.modal').prev('a')

如果你想遍历它们

$('td').each(function(){
    console.log($(this).find('div.modal').prev('a').attr('data-target'));
});

Answer 2

$('td div.modal').siblings('a')

演示 http://jsfiddle.net/phv12hbu/