0

我有这样的简单幻灯片代码：

function anim() {
    $(".images img").first().appendTo('.images').fadeOut(500);
    $(".images img").first().fadeIn(500);    
    setTimeout(anim, 5000);
}

这是我的html代码

<div class="subbox-1">
        <div class="caption">
               <div class="caption-text">
                   <h3>COAL MINING</h3>
                      <p>
                           Lorem Ipsum dolor sit amet.
                      </p>
               </div>
         </div>
         <div class="images">
                <img src="images/thumb1.jpg" />
                <img src="images/thumb1-1.jpg" />
                <img src="images/thumb1-2.jpg" />
                <img src="images/thumb1-3.jpg" />
         </div>
</div>

我有很多.subbox-1不同的图像源。但是我的 Jquery 代码只适用于一个.subbox-1图像，如果我有两个.subbox-1第二个.subbox-1图像不会改变。

请帮助我，谢谢之前:)

4

1 回答 1

0

您可以使用jQuery 选择器上下文，以便仅对上下文的后代执行搜索。有关此主题的更多讨论，请参阅此 SO question。

基本上，您的anim函数将采用 1 个参数：

function anim(selector) {
    ...
}

并且您会将上下文（通常this）传递给您的anim函数，如下所示：

$(".subbox-1").each(function() {anim(this)});

编辑：

于 2013-05-23T09:04:38.157 回答