javascript - 如何选择包含 DOM 元素的某个类的元素的第一个实例

Question

大家好，假设我有以下 html:

<div class="owner">
  <div>
    <a href="javascript:void(0)" onclick="">click</a>
  </div>
</div>
<div class="owner">
  <div>
    <a href="javascript:void(0)" onclick="">click</a>
  </div>
</div>

我想将代码放在 onclick 处理程序中，这样它就会选择包含它的“所有者”类的元素 - 这样我就不必通过键入 this.parentNode.parentNode 等来引用父元素

如果有办法同时使用原型(prototype)和 jquery 中的选择器，我将不胜感激。

Answer 1

$().parents(<selector>)是你的 friend

$(a).click(function() {
   $(this).parents(".owner").css("background-color", "yellow");
})

example