rimuovere ultimi 3 div con jQuery

<div id="widgetAreaFooter">
<div class="row">1</div>
<div class="row">2</div>
<div class="row">3</div>
<div class="row">4</div>
<div class="row">5</div>
<div class="row">6</div>
<div class="row">7</div>
</div>

Come rimuovere le 3 div ?

Ho provato questo ma non funziona :/

var row = $( '#widgetAreaFooter>.row' );
var nbr = row.length ;

for ( var i=4;i<nbr;i++ ) row.get(i).remove();
or
for ( var i=4;i<nbr;i++ ) row[i].remove();
  • Credo che il codice che hai fornito solo rimosso la riga 5 e 7. Bisognava anche io … dopo (o durante) la rimozione: $(row[i--]).remove();. Comunque @bazmegakapa è più chiara e più sicuro. Edit: il mio errore. Si dovrebbe anche diminuire nbr dopo la rimozione dell’elemento. Come ho detto, @bazmegakapa era la soluzione migliore.
InformationsquelleAutor zep | 2011-07-08



One Reply
  1. 43

    Questo rimuoverà l’ultimo di tre elementi:

    $('#widgetAreaFooter > .row').slice(-3).remove();

    jsFiddle Demo

    • Si può ottenere una parte di una raccolta utilizzando jQuery .slice().

      Se un numero negativo è fornito,
      questo indica una posizione di partenza
      dalla fine della serie, piuttosto che
      l’inizio.

    • è perfetto! tks 🙂

Lascia un commento