jQuery: Come posso ottenere il contenuto di una span, sottrarre per 1 e sostituire il contenuto di span con il nuovo numero?

Question

Diciamo che ho un loop PHP che visualizza i dati che è possibile eliminare. Sto usando AJAX, quindi quando elimini una riga, elabora uno script PHP e la riga scompare dalla pagina.

Tuttavia, ho qualcosa che dice "Ci sono 5 articoli". Mi piacerebbe che "5" cambi quando un oggetto viene cancellato. Ho pensato che il modo più semplice sarebbe quello di sottrarre di uno in Javascript.

Il problema è che davvero non so come. Se qualcuno potesse indicarmi la giusta direzione, sarebbe fantastico.

Answer 1

Assumendo il conteggio è in un arco con id 'CNT':

$("#cnt").text($("#cnt").text()-1) 

Edit:
Safer Versione:

var cntTag = $("#cnt:first"); 
if (cntTag.Length == 1) 
{ 
    var cnt = parseInt(cntTag.text()); 
    if (!isNaN(cnt)) 
    { 
     cnt--; 
     cntTag.text(String(cnt)); 
    } 
} 

Answer 2

Aggiorna l'elenco completo se è stato modificato qualcosa. Controllalo usando AJAX circa ogni 5 secondi.

O

There are <span id="number">5</span> items. 

e quindi modificare il valore dello span con id 'numero' con il numero attuale di righe dopo la cancellazione. Stack Overflow utilizza questo metodo quando viene aggiunta una nuova risposta quando ne aggiungi una nuova.

È possibile sottrarre usando

parseInt($("span").html()); 

Answer 3

HTML:

There are <span class="numitems">5</span> items. 

JS:

var span = $("span.numitems"); 
span.html(parseInt(span.html()) - 1); 

Answer 4

Diciamo che si parte con tre:

<p>There are <span id='number'>3</span> items.</p> 
<ol id ='thelist'> 
    <li> one 
    <li> two 
    <li> three 
</ol> 

Ora abbiamo bisogno di alcuni jQuery per gestire l'evento di modifica della lista

$(function(){ 
    $('#thelist').bind('change', function(){ 
    $('#number').html($('#thelist li').length) 
    } 
} 

ogni volta che #stelist cambia, aggiornerà il leng in # numero. Un vantaggio di questo approccio è che vincolando l'evento change, non è necessario impostareInterval su un timer o qualcosa del genere. Tutto fa solo ciò che è supposto.