3

呼び出された各製品リストに div を使用していresult-productsます。その中には、タイトル、画像、説明、および情報の div があります。内のresult-productsすべてのエントリに対して が呼び出されますdatabase。3 つおきに に変更したいresult-products-third。これを行うには、jquery コードを使用しています。

$("#products-results :nth-child(3n)").removeClass("result-products");
$("#products-results :nth-child(3n)").addClass("result-products-third");

"#products-results"使用される包含 div です。

問題は、n 番目の子が 3 番目ごとに取得されている"result-produts"が、その中に 3 番目の div も取得されている場合です"result-products-des"。次の子がダウンするのを止めるにはどうすればよいですか

<div class="result-products">
  <div class="result-products-title">
    content
  </div>
  <div class="result-products-img">
    image
  </div>  
  <div class="result-products-des">
    description
  </div>
  <div class="result-products-info">
    info
  </div>
</div>
4

2 に答える 2

7

子セレクターを使用できます：

$("#products-results > :nth-child(3n)").removeClass("result-products");
于 2012-11-12T23:32:39.123 に答える
0 
    $(function(){
            $(document).find('div').siblings().each(function(){
                var obj = $(this);
                obj.find('div').each(function(){
                    var obj1 = $(this);
                    if(!obj1.children().length > 0){
                        alert(obj1.html());
                    }
                });

            });
        });

<div id="2">
    <div>
        <div>
            <div>XYZ Pvt. Ltd.</div>
        </div>
    </div>
</div>
<div id="3">
    <div>
        <div>
            <div>ABC Pvt Ltd.</div>
        </div>
    </div>
</div>
于 2016-02-01T10:51:31.417 に答える