jquery - 在 jQuery 中选择祖先的有效方法

Question

给定以下 HTML 片段:

<div class="image">
  <div class="placeholder">
    <a class="load iframe" href="https://contestapp.com/images/4"><img src="/uploads/image/image_file/4/thumb_he_sport_nutrition_for_active_kids_photo.jpg?1307271623" alt="Thumb_he_sport_nutrition_for_active_kids_photo"></a>
  </div>
  <div class="user">By </div>
  <div class="actions">
      <span>
        <a class="vote-link" href="/images/4/vote"></a>
      </span>
  </div>
</div>

我有一个类 vote-link 的链接，我想同时选择链接 a.load 和 a.load img，我怎样才能通过 jQuery 有效地做到这一点？

Answer 1

首先，您需要找到一个共同的祖先 closest .

$(this).closest('div.image');

然后您需要使用 find 查找链接和图像，multiple selector和 descendant selector :

$(this).closest('div.image').find('a.load, a.load img');