javascript - 选择包含具有特定值的 div 的 div

Question

我有几个外部 div，它们都包含 3 个内部 div class1 class2 class3。我想根据具有 class1 的内部 div 的值属性来选择外部 div。例如，我想选择第一个 div，因为它的 class1 div 的值为 x。我如何使用 jquery 执行此操作？

<div> <-----this is the div I want to select
  <div class="class1" value="x"></div>
  <div class="class2" value="y"></div>
  <div class="class3" value="z"></div>
</div>

<div> 
  <div class="class1" value="a"></div>
  <div class="class2" value="b"></div>
  <div class="class3" value="c"></div>
</div>

Answer 1

我的第一个想法是:

$('.class1[value="x"]').parent();

但我不确定语法(编辑:有效)。然而，这也可以工作:

$('.class1').filter(function() {
    return $(this).attr("value") == "x";
}).parent();

但是请注意，这些只会返回第一个 父级(在多个子 div 具有匹配的“值”属性的情况下)。如果你想对多个父匹配做一些事情，你可以用 $.each 遍历结果并单独查看它们:

$('.class1[value="x"]').each(function() {
    var parent = $(this).parent();
});