Uzyskaj ostatni widoczny element przy użyciu 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); 
}) 

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

Jak mogę uzyskać atrybut number z ostatniego widocznego tr w tym przykładzie? To jest przykład - wszystkie <tr> mogą być widoczne.

Answer 1

Dla tych celów dostępne są różne jQuery Selectors.

Na przykład

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

lub

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

i tak dalej.

Pełny kod

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

DEMO

Answer 2

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

Zobacz jQuery Documentation on Selectors uzyskać więcej informacji na temat :visible i :last selektorów.

Answer 3

Spróbuj

Live demo

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

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

    })​;