Javascript 如何选择包含DOM元素的特定类的元素的第一个实例

Javascript 如何选择包含DOM元素的特定类的元素的第一个实例,javascript,jquery,prototypejs,Javascript,Jquery,Prototypejs,大家好,假设我有以下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</

大家好,假设我有以下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处理程序中,这样就可以选择包含它的类“owner”的元素——这样我就不必通过键入this.parentNode.parentNode等来引用父元素


如果有办法使用prototype和jquery中的选择器,我将不胜感激。

为什么不使用
this.parentNode.parentNode
?如果结构是固定的,这将更快、更高效

如果结构不固定,jQuery方式将类似于:

$(this).parentsUntil (".owner").filter (".owner");
$()。父母()
是你的朋友

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

这是一个非常简单的例子-有时元素嵌套得非常深,并且与我希望的目标节点有很多父节点,大多数时候我不得不重新设计html,因此我希望避免在这种情况下重复所有javascript,因为它非常依赖于元素的实际位置Cool-prototype中有类似的函数吗?prototype中的'up'似乎等同于jquerys parents()