javascript - 如何查出李某的 parent 是谁？

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 。