使用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();
});

FIDDLE