クリックされた要素の親のindexを取得したい

Question

質問させていただきます。
下記サイトを参考にリストのliをクリックした時にリストの何番目がクリックされたかを取得はできたのですが、a要素をクリックした時にリスト(li)として何番目なのかを取得する方法はございますでしょうか？

https://qiita.com/otoyo/items/04e12fe478b7f76ce545

<ul id="list">
	<li><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
</ul>

Comments

[sousuke]

liのクリックとして処理してはいけないのですか？

Answer 1

<script>
$(function(){
  $('#list a').on('click',function(e){
    e.preventDefault();
    var idx=$('#list li').index($(this).closest('li'));
    console.log(idx);
  });
});
</script>
<ul id="list">
    <li><a href="#">1</a></li>
    <li>2</li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
</ul>

Comments

[Mizuho_kisaragi]

yambejp様
回答いただきありがとうございます。無事に解決する事が出来ました！
ありがとうございました。