javascript - 如何找到李的父母是谁？

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>

是否可以找到点击li的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元素。inputselect

演示。

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