Jquery - 将类添加到活动轮播图像的图像标签

Question

我已经设法得到一个轮播，这样当图像更改时，它会显示您正在查看的图像编号。

如果选择的是图像编号 3，则列表向下 3 行是当前图像的代码。我是否能够自动将一个类添加到列表中嵌入的图像标签中？下面是我的代码，其中 itemvisiblein 函数基本上打印到某个 div。

我如何才能清除活动名称的所有类别，然后获取该编号并将该类别添加到该特定行的图像标签中？ （与当前标题所在的类相同）（因此，如果选择了图像 3，则将“active”添加到该代码列表行下方嵌入的图像标签。

干杯，

<script type="text/javascript">
function itemVisibleIn(carousel, state){
    $("#gallerydescription").html(carousel.first);  //currently displays image number//

};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    easing: 'backout',
        animation: 1000,
    vertical: true,
        scroll: 1,
    itemVisibleInCallback: itemVisibleIn, 
       });
});

<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>
        <li><a href="images/gallery/placeholder1.png" rel="shadowbox" title="This is the description"><img class="caption" src="images/gallery/placeholder1.png" width="750" height="450" title="test Title1" alt="This is the title" /></a></li>

所以简而言之

1）得到哪个线正用于该图像（列表线） 2) 清除所有以前的活动类别 3) 将活动类添加到当前所选图像的图像标签类（以及标题）

Answer 1

$("img.caption").eq(index).addClass("extraClass");