javascript - liの親が誰であるかを見つける方法は？

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にのみ使用されることに注意してください。forminputselect

デモ。

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