Jquery scorrere tutti caselle selezionate e rimuovere Class

Question

Jquery scorrere tutti caselle selezionate e rimuovere Class

voti

6

Attualmente sto usando jQuery e vorrei qualche aiuto sulla iterazione attraverso tutte le caselle controllato e rimuovere una classe (chiamata new_message) della riga della tabella genitore.

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

Ecco quello che sono 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 verrà aggiornamento di un database e, quindi, se il codice può essere adattata per accogliere entrambi, sarebbe fantastico.

Tutto il consiglio è molto apprezzato!

jquery checkbox loops

È pubblicato 21/07/2009 alle 23:24
fonte dall'utente SMTDev

In altre lingue...

2 risposte

voti

4

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

rimuoverà relativa classe dalle caselle stesse, in modo da

$(this).parent....

dovrebbe funzionare a seconda di cosa il codice HTML appare come

Risposto il 21/07/2009 a 23:30
fonte dall'utente Neil Middleton

MacAnthony · Accepted Answer · 2009-07-21 23:30

Penso che questo funzionerà:

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

O se è solo il genitore TR diretta si desidera far corrispondere, allora questo:

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

jQuery fa tutto il loop per voi in modo si dovrebbe avere tutte le es ciascuno ().

Una volta che si utilizza il ': checked' di selezione, si dovrebbe avere a ricontrollare se la voce è selezionata. Questo dovrebbe limitare i risultati di selezione agli elementi Solo controllato.