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

时间:2010-09-02 05:26:08

标签: 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</a>
  </div>
</div>

我想将代码放在onclick处理程序中,因此它会导致选择包含它的类'owner'的元素 - 所以我不必通过输入this.parentNode.parentNode等来引用父元素< / p>

如果使用原型和jquery中的选择器来实现它,我会很感激。

2 个答案:

答案 0 :(得分:1)

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

如果结构没有修复,jQuery的方式就像:

$(this).parentsUntil (".owner").filter (".owner");

答案 1 :(得分:1)

$().parents(<selector>)是你的朋友

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

example