如何选择具有两个祖先的元素?

时间:2019-01-29 15:16:26

标签: jquery

我想选择所有具有

的元素
  1. X类的祖先,
  2. ID为Y的祖先。

由于某些原因。我需要使用jQuery的“开”方法 所以请告诉我一个可以与'on'方法一起使用的字符串

1 个答案:

答案 0 :(得分:0)

jsfiddle示例

您的html

<div class="container">

  <button class="check">
     check
  </button>

  <div id="y">
    <div class="x">
      test1
    </div>
  </div>

  <div id="p">
    <div class="x">
      test2
    </div>
  </div>

  <div id="y">
    <div class="p">
      test3
    </div>
  </div>

  <div id="y">
    <div class="x">
      test4
    </div>
  </div>

</div>

您的JavaScript函数

$(document).ready(function() {
  $(".check").click(function() {
    $('[id=y]').each(function() {
      if ($(this).find(".x").length > 0) {
        alert($(this).text());
      }
    });
  });
});

结果
test1
test4