Выбрать каждый видимый последний ребенок в jQuery

Question

Хотелось бы увидеть последние видныtd в каждом tr в таблице.

Это не работает, потому что он пытается выбрать последний потомок если видно:

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

До сих пор самый простой метод я думал, чтобы использовать .each к петле через tr элементов и добавьте каждый из последних видимых td s в новый список селекторов.

Есть ли более простой способ? Есть ли что-нибудь подобное?

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

Answer 1

Вы можете сделать это:

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

См full example (JQuery 1.2+ совместимый)

Answer 2

Вы хотите, чтобы захватить все TDs и фильтровать только те, которые не имеют видимого элемента рядом с ним.

Dang, который работает только в том случае, если в середине строки нет невидимых.

Answer 3

На основании ответа от Mathletics, но с использованием nextUntil(). Это находит каждый видимый тег, у которого нет следующего видимого тега.

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

Answer 4

, чтобы получить каждое последнее видимые их вы можете сделать что-то вроде

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