使用jQuery获取最后一个可见元素

Question

<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>都可见.

Answer 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

Answer 2

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

请参阅上选择器jQuery的文档有关的详细信息:visible和:last选择.