Получить последний видимый элемент, используя jQuery
<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>
могут быть видны.
Ответы
Ответ 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);
});
DEMO
Ответ 2
$("table tr:visible:last").attr("number");
Дополнительную информацию о переключателях :visible
и :last
см. В документации jQuery для селекторов.
Ответ 3
Попробуй это
Демо-версия
$('#check').click(function(){
alert($('table').find('tr:visible:last').attr("number"));
});