Selezionare ogni ultimo figlio visibile in jQuery

Question

Vorrei ottenere l'ultimo visibiletd in ogni tr in una tabella.

Questo non funziona perché tenta di selezionare l'ultimo figlio se è visibile:

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

Finora il metodo più semplice che ho pensato è quello di utilizzare un .each per scorrere la tr elementi e aggiungere ciascuno degli ultimi td s visibili a un nuovo elenco di selezione.

C'è un modo più semplice? Esiste qualcosa come questo?

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

Answer 1

Si può fare:

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

Vedere un (jQuery 1.2+ compatibile) full example

Answer 2

si vuole prendere tutto il TDs e filtrare solo per quelli che non hanno un elemento visibile accanto ad essa.

Dang, funziona solo se non ci sono invisibili nel mezzo della riga.

Answer 3

Sulla base della risposta da Mathletics, ma utilizzando nextUntil(). Questo trova ogni tag visibile che non ha un tag visibile seguente.

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

Answer 4

per ottenere ogni ultimo visibile è possibile fare qualcosa di simile

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