Jquery Iterate attraverso tutte le caselle selezionate e rimuove la classe

Question

Attualmente sto usando jQuery e vorrei qualche aiuto nell'iterazione di tutte le caselle di controllo "spuntate" e rimuovere una classe (chiamata "new_message") della riga della tabella padre.

Ho un concetto di base, ma non riesco a capire l'intera cosa.

Ecco quello che sto attualmente in uso:

$("#unread_button").click(function (event) { 
event.preventDefault; 
$(":checkbox:checked").each( 
function() 
{ 
    if (this.checked) 
    { 
     var divs = $.makeArray($(this).parents("tr").attr("id")); 
    } 
$(divs).each(
    function(int) 
     { 
      $(this).removeClass("new_message"); 
     } 
    ); 
    }); 
}); 

Alla fine, questo sarà l'aggiornamento di un database e, quindi, se il codice può essere adattata per accogliere entrambi, sarebbe fantastico.

Qualsiasi consiglio è molto apprezzato!

Answer 1

Penso che questo funzionerà:

$('input:checkbox:checked').parents('tr').removeClass('new_message'); 

Oppure se è solo il genitore diretto TR che vuoi abbinare, allora questo:

$('input:checkbox:checked').closest('tr').removeClass('new_message'); 

jQuery fa tutto il ciclo per te quindi dovresti avere tutti i() es.

Una volta utilizzato il selettore ": checked", è necessario ricontrollare se l'elemento è selezionato. Questo dovrebbe limitare i risultati del selettore solo agli elementi selezionati.

Answer 2

$("input:checked").each(function() { 
    $(this).removeClass("new_message"); 
} 

rimuoverà relativa classe dalle caselle stesse, in modo da

$(this).parent.... 

dovrebbe funzionare a seconda di ciò che il codice HTML appare come