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 选择器用于这些目的。

例如：

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

或者

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

等等。

完整代码

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

演示

Answer 2

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

有关和选择器的更多信息，请参阅有关选择器的 jQuery 文档。:visible:last

Answer 3

试试这个

现场演示

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

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

   })​;

​</p>