0

更改为粗体

我需要在一组 div 上运行一些 jquery。我更新了以下 html 代码：

    <div class="tile_set" id="tile-set" style="width: 984px;">
    <div id="tile_id_437" class="product_tile">
        <div class="tile tile_front" style="display: block;">
            <h1>Buffalo Burnin' Hot</h1>
        </div>
        <div class="tile tile_back" style="display: none;">                          
            <h1 class="title">Buffalo Burnin' Hot</h1>
            <p class="description">Extreme heat for the daring Buffalo eater.</p>
        </div>
    </div>
    <div id="tile_id_438" class="product_tile">
        <div class="tile tile_front" style="display: block;">
            <h1>Buffalo Medium</h1>
        </div>
        <div class="tile tile_back" style="display: none;">                          
            <h1 class="title">Buffalo Medium</h1>
            <p class="description">Medium heat</p>
        </div>
    </div>
    <div id="tile_id_439" class="product_tile">
        <div class="tile tile_front" style="display: block;">
            <h1>Buffalo Mild</h1>
        </div>
        <div class="tile tile_back" style="display: none;">                          
            <h1 class="title">Buffalo Mild</h1>
            <p class="description">No heat</p>
        </div>
    </div>
    <div id="tile_id_440" class="product_tile">
        <div class="tile tile_front" style="display: block;">
            <h1>Honey BBQ</h1>
        </div>
        <div class="tile tile_back" style="display: none;">                          
            <h1 class="title">Honey BBQ</h1>
            <p class="description">Sweet BBQ</p>
        </div>
    </div>

</div>

我需要在每个第 n 个 product_tile div 的子 tile_back div 上运行我的代码，从 n 开始。（n 的值可以改变。）例如，有一次我需要在每四个元素上运行代码，从第四个（或第三个，如果你使用基数 0）开始。所以在这个例子中，代码将运行在 Tile 4 和 Tile 8 上，但不是 Tile 1。另外一次，我需要在每三个项目上运行相同的代码，所以 Tile 4 和 Tile 8，但又不是 Tile 1。

我试过使用

$("#tile_set .product_tile:nth-child(4n)");

但这让我得到了瓷砖 2、4、6 和 8。在这种情况下，我只想要 4 和 8。

我需要的是一种传入 n 值并让它返回匹配的图块的方法（如果我传入 3，则返回 3/6/9；如果传入 4，则返回 4/8。）

这可能吗？

4

1 回答 1

0

要访问tile_backdiv，您可以使用：

$(".tile_back", ".product_tile:nth-child(4n)")

例如，要打印出<p>每个元素中的文本，您可以执行以下操作：

$(".tile_back > p", ".product_tile:nth-child(4n)").text();
于 2012-12-13T20:13:07.230 回答