选择奇数/偶数子div

问题描述

我正在尝试从代码服务器端动态创建一本书".该部分工作正常，并生成类似于以下内容的输出:

I'm trying to dynamically create a "book" from code server-side. That part's working fine, and generating output similar to the following:

<div id="pagesContainer">
    <div class="pageContent">
         <div>
             Page 1 content
         </div>
    </div>
    <div class="pageContent">
         <div>
             Page 2 content
         </div>
    </div>
    <div class="pageContent">
         <div>
             Page 3 content
         </div>
    </div>
    <div class="pageContent">
         <div>
             Page 4 content
         </div>
    </div>
    <div class="pageContent">
         <div>
             Page 5 content
         </div>
    </div>
</div>

我需要做的事情，最好是使用jQuery，是将类添加到最内层的div中，例如page-left或page-right.例如，第1、3和5页将得到page-left，而第2和4页将得到page-right.也可能超过(或少于)5页.我曾尝试使用多种不同的偶/奇选择器方案，但似乎无法使其正常工作.

What I need to do, preferably using jQuery is add classes to the inner-most divs such as page-left or page-right. For example, pages 1, 3 and 5 would get page-left while pages 2 and 4 would get page-right. There may be more (or less) than 5 pages also. I've tried using a bunch of different even/odd selector scenarios, but can't seem to get it to work correctly.

有人可以指出我正确的方向吗?

Can someone point me in the right direction?

谢谢！

推荐答案

使用:odd和:even选择器.

Use the :odd and :even selectors.

例如:

$('.pageContent:odd').addClass("page-left")
$('.pageContent:even').addClass("page-right")

这篇关于选择奇数/偶数子div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！