同名クラスの別ブロックでindexを個別に取得したい

Question

indexを使って、順番を取得したいのですが、別ブロックでもクラス名が同じだと、連番で番号を取得してしまいます。
1ブロックずつ０から再スタートさせたいのですが、やり方がわかりません。
よろしくお願いいたします。

該当のソースコード

	<ul class="clickList">
		<li>0</li>
		<li>1</li>
	</ul>
	<ul class="clickList">
		<li>0にしたい</li>
		<li>1にしたい</li>
	</ul>
        <p>上をクリックすると反応します</p>
	<ul class="activeList">
		<li>0</li>
		<li>1</li>
		<li>2</li>
		<li>3</li>
	</ul>
	<script>
	$(function(){
		$(".clickList>li").click(function() {
		$(".activeList>li").css("display","none");
	 	let active=$(".clickList>li").index(this);
		$(".activeList>li").eq(active).css("display","block");
		});
	});
	</script>

補足情報（FW/ツールのバージョンなど）

jqueryは3系です。

Answer 1

$(function(){
  $('.clickList>li').on('click',function() {
    let active=$(this).parent().find('>li').index(this);
    $('.activeList>li').hide().eq(active).show();
  });
});

Comments

[Hi_32]

なるほど、親だけの子供の順番をとるんですね。
勉強になりました。

ありがとうございました。

Answer 2

$(this).parent().find("li").index(this);

Comments

[Hi_32]

なるほど、親だけの子供の順番をとるんですね。
勉強になりました。

ありがとうございました。