如何找到李的父母是谁？

Question

比方说，我们有这样的名单：

<ul title="Fruit"> 
<li onClick="func(this)">Apple</li> 
<li onClick="func(this)">Banana</li> 
</ul> 
<ul title="Meat"> 
<li onClick="func(this)">Chiken</li> 
<li onClick="func(this)">Duck</li> 
</ul> 

是否可以从中找到UL的李被点击？

Answer 1

是，使用parentNode：

<script type="text/javascript"> 
    function func(el) { 
     alert(el.parentNode.title);  
    } 
</script> 

<ul title="Fruit"> 
<li onClick="func(this)">Apple</li> 
<li onClick="func(this)">Banana</li> 
</ul> 
<ul title="Meat"> 
<li onClick="func(this)">Chiken</li> 
<li onClick="func(this)">Duck</li> 
</ul>​​​​​ 

还要注意的是value仅用于form元素，如input和select。

DEMO。

Answer 2

您只需将this传递给该函数，并使用.parentNode来获取其父项。

function func(element) { 
    var parent = element.parentNode; 
    // ... 
} 

Answer 3

if(this.parentNode.title === "Fruit") { 
// first one 
} 
else { 
    // the other ul 
} 

Answer 4

obj.parentNode或者只是使用jQuery：$(obj).parent()