jquery - jqueryを使用して画像をクリックしたときにクラスを変更する

Question

画像をクリックしたときにクラスの内容を変更したい。

<div class="myclass">
Content
</div>
<div class="myclass">
Content
</div>
<div class="myclass">
Content
</div>

<ul>
  <li><img src="image1.jpg" /></li>
  <li><img src="image2.jpg" /></li>
  <li><img src="image3.jpg" /></li>
  <li><img src="image4.jpg" /></li>
  <li><img src="image5.jpg" /></li>
</ul>

ここでは、最初の画像をクリックしてそのようにインクリメントすると、最初のコンテンツに移動したいと思います。これは可能ですか？

Answer 1

$('img', 'ul').on('click', function() {
    $(".myclass").eq($(this).parent('li').index()).show()
                 .siblings('div').hide();
});

フィドル