LIの親を取得する方法

Question

こんにちは私はLI & ULタグを使用してドロップダウンメニューを持っています。

例：子供1：

<ul> 

     <li><a href="#">Parent 1</a> 
     <ul> 
      <li id = "Child 1"><a href="#">Child 1</a></li> 
      <li id = "Child 2"><a href="#">Child 2</a></li> 
     </ul> 
     </li> 
     <li><a href="#">Parent 2</a> 
     <ul> 
      <li id = "Child 3"><a href="#">Child 3</a></li> 
      <li id = "Child 4"><a href="#">Child 4</a></li> 
     </ul> 
     </li> 
</ul> 

今私の問題は、私は子供1をクリックしたときに得られたdivの中親1を表示しなければならないです。どうすればこれを達成できますか？

ありがとうございます。

Answer 1

<ul> 

     <li><a href="#">Parent 1</a> 
     <ul> 
      <li id = "Child 1"><a href="#" onclick="alert(this.parentNode.parentNode.parentNode.firstChild.innerText + ':' + this.innerText)">Child 1</a></li> 
      <li id = "Child 2"><a href="#">Child 2</a></li> 
     </ul> 
     </li> 
     <li><a href="#">Parent 2</a> 
     <ul> 
      <li id = "Child 3"><a href="#">Child 3</a></li> 
      <li id = "Child 4"><a href="#">Child 4</a></li> 
     </ul> 
     </li> 
</ul> 

これは、リンクをクリックしたためです。だからあなたはulを通って里に行って、最初のクライアントを取得しなければなりません。これはParent1を含むリンクです。

Answer 2

this.parentElement().getAttribute('id'); 

これはthisは方法が

function linkClick(obj) 
{ 
    alert(obj.parentElement().getAttribute('id') + ':' + obj.innerHTML); 
} 

であればあなたがする必要があるすべてはあなたのリンク

へのonclickイベントを添付しているリンクので

クリックされたトリック

を行います

<a onclick="linkClick(this); return false;" href="#">Child 1</a>