如何找到李的父母？

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 点击 li ？

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()