javascript - 更改文本中的值以查看第 1-6 个(共 14 个)

Question

我在工作时遇到了一些麻烦。这可能真的很简单，但我让它变得比可能的更困难。所以我有一个包含 3 组 UL 的 div。

代码如下:

<div class="">
<ul>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
</ul>
<ul>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
  <li>content here</li>
</ul>
<ul>
  <li>content here</li>
  <li>content here</li>
</ul>
</div>
<div class="viewing">
    <p>Viewing <span id="viewingArticle">1</span>-<span id="articleNum"></span> of <span id="articleAmnt"></span></p>
    <a href="#" class="prev"><span>Prev</span></a>
    <a href="#" class="next"><span>Next</span></a>
</div>

我已经设置了 jcycle 来轮换这些。我还有“查看”文本。因此，当您查看 div 中的内容时，“查看”文本显示:查看 1-6，共 14 个。我的问题是，当您单击下一个和上一个按钮时，如何正确更改数字 1 和 6。我的 14 号工作正常。我希望这一切都有道理。它也需要是动态的。

Answer 1

您需要检测您所在的位置并使用它。也许这会让您开始:

http://jsfiddle.net/MarkSchultheiss/qN5Z8/

编辑:现在您只需要检测循环事件，然后设置/调用而不是像我演示的那样单击事件。或者直接使用我给你的东西。