यदि 20 से अधिक हैं तो पुरानी divs हटाएं jQuery

Question

मुझे अपनी jQuery स्क्रिप्ट के साथ कुछ मदद चाहिए। मेरे पास एक ऐसा पृष्ठ है जो प्रत्येक 10 सेकंड को रीफ्रेश करता है और फ़ीड से नए divs को जोड़ा जा रहा है।

मेरी लिपि divs की गणना करती है और 20 से अधिक divs होने पर अंतिम div को हटा देती है। यह ठीक काम करता है अगर फ़ीड एक समय में केवल 1 div जोड़ता है। लेकिन फ़ीड एक ही समय में गुणा गुणा जोड़ सकते हैं। जब ऐसा होता है तो गणना अधिकतम 20 divs से अधिक हो सकती है। इसके साथ समस्या यह है कि मेरी स्क्रिप्ट सिर्फ 1 div को हटा देती है और 20 गुना से अधिक सभी divs नहीं।

var $auto_refresh = setInterval(function() { 
    var $articleCount = $('div').length; 

    if ($articleCount > 20) { 
     $('div:last-child').remove(); 
    } 

    $autoUpdate(); 
}, 10000); // refresh every 10000 milliseconds for new items 

मैं वहाँ हमेशा से रहे हैं तो 20 divs सभी अतिरिक्त divs हटाने की जरूरत:

यह मेरा कोड है। मुझे आशा है कि कोई मेरी मदद कर सकता है।

Answer 1

var $auto_refresh = setInterval(function() { 
    var $articleCount = $('div').length; 

    while ($articleCount > 20) { 
     $('div:last-child').remove(); 
     $articleCount = $('div').length; 
    } 

    $autoUpdate(); 
}, 10000); 

सूचना while को if के परिवर्तन। यह पिछले एक को हटाने रहता है जब तक देखते हैं 20.

Answer 2

greater than चयनकर्ता का उपयोग करना:

var $auto_refresh = setInterval(function() { 

    $('div:gt(20)').remove(); 

    $autoUpdate(); 
}, 10000); // refresh every 10000 milliseconds for new items 

Answer 3

var $auto_refresh = setInterval(function() { 

    while ($('div').length > 20) { 
     $('div:last-child').remove(); 
    } 

    $autoUpdate(); 
}, 10000); // refresh every 10000 milliseconds for new items 

Answer 4

while ($articleCount > 20) {    
     $('div:last-child').remove(); 
     $articleCount = $('div').length; 
    } 

Answer 5

आप .slice(x) इस्तेमाल कर सकते हैं सूचकांक x से और पर सभी तत्वों को दूर करने के: http://jsfiddle.net/PLKAm/।

$("div").slice(20).remove(); 

अगर वहाँ <= 20 आइटम हैं तो .slice(20) एक खाली सेट देता है, तो कोड को नो-सेशन स्वचालित रूप से है।

Answer 6

सादगी के लिए संपादित:

$('div').each(function(count){ 
    if(count >= 20){ 
     $(this).remove(); 
    } 
}); 

Answer 7

उपयोग jQuery.slice सब कुछ अतीत संख्या 20 है, और उन्हें बिन पाने के लिए - मृत आसान :)

var $auto_refresh = setInterval(function() { 
    $('div').slice(20).remove(); 
    $autoUpdate(); 
}, 10000); // refresh every 10000 milliseconds for new items 

http://api.jquery.com/slice/

Answer 8

आप इस्तेमाल कर सकते हैं :gt() एक में तत्वों को खोजने के लिए चयनकर्ता झुकाव गिर गया।

var $auto_refresh = setInterval(function() { 
    var nToDelete = $('div').length - 20; // Calculate how many there are to delete...  
    if(nToDelete > 0) $('div:gt(" + nToDelete + ")').remove(); // and delete them. 
    $autoUpdate(); 
}, 10000); 

Answer 9

var remove21 = function() { 
    if ($('div').length > 20) { 
     $('div:nth-child(21)').remove(); 
     remove21(); 
    } 
} 

var $auto_refresh = setInterval(function() { 

    remove21(); 

    $autoUpdate(); 
}, 10000); // refresh every 10000 milliseconds for new items