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

时间:2012-06-22 10:17:36

标签: javascript jquery html

<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);
})

DEMO: http://jsfiddle.net/vUukc/1/

在此示例中,如何从上一个可见number获取属性tr?这是一个示例 - 所有<tr>都可见。

3 个答案:

答案 0 :(得分:20)

出于这些目的,有不同的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

答案 1 :(得分:5)

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

有关:visible:last选择器的更多信息,请参阅jQuery Documentation on Selectors

答案 2 :(得分:2)

试试这个

<强> Live demo

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

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

   })​;