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から始まるn番目ごとのproduct_tiledivの子であるtile_backdivでコードを実行する必要があります。（nの値は変更される可能性があります。）たとえば、4番目（ベース0を使用している場合は3番目）から始めて、4番目の要素ごとにコードを実行する必要があります。この例では、コードは次のように実行されます。タイル4とタイル8で実行しますが、タイル1では実行しません。別の場合は、3つおきの項目で同じコードを実行する必要があります。つまり、タイル4とタイル8ですが、タイル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

div にアクセスするにはtile_back、次を使用できます。

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

たとえば<p>、それぞれの要素のテキストを出力するには、次のようにします。

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