Seleccione cada último hijo visible en jQuery

Question

Me gustaría obtener el último visibletd en cada tr en una tabla.

Esto no funciona porque intenta seleccionar el último hijo si es visible:

var last_visible_cells = $(table).find("tr td:visible:last-child"); 

Hasta ahora, el método más simple que he pensado es usar un .each a través del bucle de tr elementos y anexar cada uno de los últimos td visibles a una nueva lista de selectores.

¿Hay alguna manera más simple? ¿Existe algo como esto?

var last_visible_cells = $(table).find("tr").lastMatching("td:visible"); 

Answer 1

Puede hacerlo:

$('table tr').find('td:visible:last').addClass('last-visible'); 

Ver un full example (jQuery compatible 1.2+)

Answer 2

quieres tomar todo el TDS y filtrar sólo para aquellos que no tienen un elemento visible al lado de él.

Dang, que solo funciona si no hay ningún invisibles en el medio de la fila.

Answer 3

Sobre la base de la respuesta de Mathletics, pero utilizando nextUntil(). Esto encuentra cada etiqueta visible que no tiene una etiqueta visible siguiente.

$('table tr').children('td').filter(function() { 
    return $(this).is(':visible') && $(this).nextUntil(':visible').length === 0; 
}) 

Answer 4

para llegar hasta el último visibles ellos se puede hacer algo como

$('table tr').each(function(){ 
    console.log($(this).find('td:visible:last')) 
})