javascript - 使用 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 Selectors为了这些目的。

例如:

$('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