एनएच तत्व

Question

के बाद आने वाले सभी तत्वों को छुपाएं 4 वें <a> तत्व के बाद, मैं .hide() बाकी कैसे करूं? नीचे दिया गया कोड मैंने अभी तक लिखा है:

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script> 
    $(document).ready(function() { 
     if($('a').length >= 4) { 
      window.alert('4 or more'); 
     } 
    }); 
</script> 

<a>test </a><br> 
<a>fed </a><br> 
<a>fdes </a><br> 
<a>grr </a><br> 
<a>rerf </a><br> 
<a>dferf </a> 

कोई विचार?

Answer 1

उपयोग :gt(index) चयनकर्ता:

$('a:gt(3)').hide(); 

या तेजी slice समारोह:

$('a').slice(4).hide(); 

Live DEMO

क्योंकि : जीटी() एक jQuery विस्तार और सीएसएस विनिर्देशन का हिस्सा नहीं, का उपयोग करके क्वेरी है: जीटी() प्रदर्शन देशी डोम querySelectorAll द्वारा प्रदान को बढ़ावा देने का लाभ नहीं ले जा सकते हैं () तरीका। आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए, $ ("your-pure-css-selector") का उपयोग करें। इसके बजाय स्लाइस (अनुक्रमणिका)।

Answer 2

के रूप में है कि के रूप में सरल:

$("a:gt(3)").hide(); 

डेमो:http://jsfiddle.net/gmrvK/

Answer 3

सीएसएस समाधान

ul li:nth-child(n+5) { 
    display: none 
} 

http://jsfiddle.net/mckanet/Sp6yE/