prevAll 的 JQuery 选择器问题

Question

我无法让一些 Jquery 代码正常工作。我认为我的问题源于我如何编写选择器。

这是我的原始 HTML：

<div class="rotate"> 
<div class="offer-holder"><span class="lblSeconds">7</span></div>
<div class="offer-holder"><span class="lblSeconds">3</span></div></div>

...这是我的 Jquery 代码：

$("div.rotate div.offer-holder").hide().eq(1).show();
function rotate() {
    var i = $("div.rotate div.offer-holder:visible").prevAll("div").length + 1;
    i = i % $("div.rotate div.offer-holder").length;
    var speed = $("div.rotate div.offer-holder").fadeOut().eq(i).fadeIn().find('.lblSeconds').text();
    setTimeout("rotate()", (parseInt(speed) * 1000));
};
rotate();

这工作得很好（顺便说一句，在 CSS 中，offer-holder 的位置设置为绝对，顶部：0px，左侧：0px）。顺便说一句，这是一个广告旋转器。所有的 div 相互重叠，然后一一出现，不断循环。

现在，我必须修改另一个页面，它看起来像这样：

<div class="rotate">
 <div class="ob-offer-item rounded-corners clearfix">
  <div class="test">
   <div class="ob-offer-details">
    <div class="offer-holder"> XXX </div></div></div></div></div>

...这是我尝试过的：

$("div.rotate div.ob-offer-item div.test div.ob-offer-details div.offer-holder").hide().eq(1).show();
function rotate() {
    var i = $("div.rotate div.ob-offer-item div.test d div.ob-offer-details div.offer-holder:visible").prevAll("div").length + 1;
    i = i % $("div.rotate div.ob-offer-item div.test d div.ob-offer-details div.offer-holder").length;
    var speed = $("div.rotate div.ob-offer-item div.test d div.ob-offer-details div.offer-holder").fadeOut().eq(i).fadeIn().find('.lblSeconds').text();
setTimeout("rotate()", (parseInt(speed) * 1000));
};
rotate();

我怀疑我的问题是 prevAll。它基本上隐藏了它之前的每个 div（我猜，这就是我告诉它要做的事情）。它不是根据 lblSeconds 值从一个广告到下一个广告的漂亮淡入淡出，而是每秒连续闪烁。我不知道修复 prevAll 选择器路径的正确语法。我尝试了几种组合，但没有成功。

欢迎任何帮助。

谢谢。

斯蒂芬

Answer 1

好的，这是 JSfiddle http://jsfiddle.net/pdV39/ 与您的第一种情况。您在 setTimeout 调用中出现错误...它应该是：

setTimeout(rotate, (parseInt(speed) * 1000));

而不是

setTimeout("rotate()", (parseInt(speed) * 1000));

您的选择器也不完全正确：

$("div.rotate div.ob-offer-item div.test d div.ob-offer-details div.offer-holder:visible").prevAll("div")

没有找到任何内容。您不需要包含您尝试查找的每个图层，除非存在类冲突并且您需要更精确。所以这里是对原始 jsfiddle 的更新，它确实有效并且应该回答您的问题。 http://jsfiddle.net/pdV39/1/