Jquery Iterar a través de todas las casillas marcadas y Eliminar clase

Question

Actualmente estoy usando jQuery y me gustaría obtener ayuda para recorrer todas las casillas de verificación y eliminar una clase (llamada "nuevo_mensaje") de la fila de la tabla padre.

Tengo un concepto básico, pero no puedo entenderlo por completo.

Esto es lo que actualmente estoy usando:

$("#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"); 
     } 
    ); 
    }); 
}); 

el tiempo, esto va a actualizar una base de datos, así que si el código puede ser adaptado para acomodar tanto, sería genial.

¡Cualquier orientación es muy apreciada!

Answer 1

Creo que esto va a funcionar:

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

O si solo es el padre TR directo con el que desea hacer coincidir, entonces este:

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

jQuery hace todos los bucles por usted, así que debería tener todos los (cada) es.

Una vez que use el selector ': checked', deberá volver a verificar si el elemento está marcado. Esto debería limitar los resultados de su selector a solo los elementos marcados.

Answer 2

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

eliminará la clase correspondiente de los propios casillas de verificación, por lo

$(this).parent.... 

deben trabajar en función de lo que el código HTML se parece a