jQuery: nth-child() चयनकर्ता

Question

हाय कृपया नीचे दिए गए HTML को देखें। मैं jQuery का उपयोग करने के एक नहीं दाहिने हाथ मार्जिन के लिए class="entry" साथ DIV के भीतर निहित class="box" साथ DIVs पर हर 3 उदाहरण पाने के लिए कोशिश कर रहा हूँ:

मेरे एचटीएमएल कोड:

<div class="entry"> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box --> 

    <div class="box"> 
     SOME HTML.... 
    </div><!-- end .box I Want to remove right hand margin on this div --> 

    </div> 
    <!--end entry--> 

jQuery के साथ मेरा प्रयास:

<script> 
     $(document).ready(function(){ 
      $("div.entry:nth-child(3)").css("margin", "0px"); 
     }); 
    </script> 

मुझे यह काम नहीं मिल रहा है कृपया कोई मदद कर सकता है? अग्रिम में धन्यवाद!

---

उन सभी के लिए धन्यवाद जिन्होंने प्रदान किए गए समाधान में वास्तव में सही है। मैं एक आपूर्ति किए गए टेम्पलेट को कोडिंग कर रहा हूं और पाया कि JQuery को संगतता मोड में चलाने के लिए सेट किया गया था इसलिए $ समस्या थी।

Answer 1

डॉक्स से (मेरे जोर)

से मेल खाता है सभी तत्वों है कि उनके माता-पिता या कि के n वें वाले बच्चे हैं माता-पिता की सम या विषम बच्चे हैं।

आप वर्तमान में माता पिता का चयन कर रहे हैं, अगर आप बच्चों का चयन किया जाना चाहिए, जबकि:

$("div.entry > div:nth-child(3)").css("margin", "0px"); 

Answer 2

आपका :nth-child चयनकर्ता n का संदर्भ नहीं देता है, और आपको अपने चयनकर्ता में आंतरिक div का संदर्भ देना होगा।

प्रयास करें:

$(document).ready(function(){ 
    $("div.entry div:nth-child(3n)").css("margin", "0px"); 
}); 

Answer 3

इस चयनकर्ता का प्रयास करें:

div.entry > div.box:nth-child(3n) 

Answer 4

वें वाले बच्चे भी गैर 0 अनुक्रमित हो रहा है । इसे ध्यान में रखें यदि आपको 0