Получить последний видимый элемент, используя jQuery

<table>
    <tr class="here" id="t1" number="1" ><td>1</td></tr>
    <tr class="here" id="t2" number="2" ><td>2</td></tr>
    <tr class="here" id="t3" number="3" style="display:none"><td>3</td></tr>
    <tr class="here" id="t4" number="4" style="display:none"><td>4</td></tr>
</table>

<span id="check">check</span>

$('#check').click(function(){        
    check = ???;
   alert(check);
})

ДЕМО: http://jsfiddle.net/vUukc/1/

Как я могу получить number атрибута из последнего видимого tr в этом примере? Это пример - все <tr> могут быть видны.

Ответ 1

Для этих целей есть разные селектора jQuery.

Например:

$('table tr:visible:last').attr('number');

или

$('table tr:visible').last().attr('number');

и так далее.

Полный код

$('#check').click(function() {
    check = $('table tr:visible:last').attr('number');
    alert(check);
});

DEMO

Ответ 2

$("table tr:visible:last").attr("number");

Дополнительную информацию о переключателях :visible и :last см. В документации jQuery для селекторов.

Ответ 3

Попробуй это

Демо-версия

   $('#check').click(function(){

    alert($('table').find('tr:visible:last').attr("number"));

   });