Obtener último elemento visible usando 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/

¿Cómo puedo obtener el atributo de la última numbertr visibles en este ejemplo? Este es un ejemplo: todos <tr> podrían ser visibles.

Answer 1

Existen diferentes jQuery Selectors para esos fines.

Por ejemplo:

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

o

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

y así sucesivamente.

código completo

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

DEMO

Answer 2

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

Véase el jQuery Documentation on Selectors para obtener más información sobre los :visible y :last selectores.

Answer 3

Prueba este

Live demo

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

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

    })​;