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