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

小提琴