2010-05-28 15 views
49

Bu html var:görünür tablo satırlarının sayısını saymak için jquery seçici?

<table> 
    <tr style="display:table-row"><td>blah</td></tr> 
    <tr style="display:none"><td>blah</td></tr> 
    <tr style="display:none"><td>blah</td></tr> 
    <tr style="display:table-row"><td>blah</td></tr> 
    <tr style="display:table-row"><td>blah</td></tr> 
</table> 

display:none değil display:none var satır sayısını saymak gerekiyor. Bunu nasıl yapabilirim?

cevap

118

Sen :visible selector ve .length böyle kullanabilirsiniz) doğrudan gizli, o zaman bu gibi .filter() kullanın:

var numOfVisibleRows = $('tr').filter(function() { 
    return $(this).css('display') !== 'none'; 
}).length; 
+2

Ve sadece masa vücutta görünür satırların dahil etmek sayımı istediğiniz sonra ('tr: görünür') $ kullanın. Uzunluk - $ ('thead> tr'). –

11

$('tr:visible').length

+0

teşekkürler dostum! (": Görünür") 'yerine' sının arasında, bir ** ** boole, sen .length' 'diyemezsin döndürür()' Eğer 'gerekiyordu bu' sının, upvoted neden ben –

3

$ ("tr: ​​görünür") size görünür satır sonuçlar getirdiğini ve ben o zaman da belli tablo görünür satırların görüntüleyebilirsiniz

+3

emin değil çalıştı. filtre() '. –

+0

sayesinde sabit koduna –

5

.length do düşünüyorum

var totalRow = $('#tableID tr:visible').length; 
var totalRowWithoutHeader = totalRow-1; 

totalRowWithoutHeader başlık satırı hariç toplam satır sayısını verir.

+2

iyi değil ... başlık satır sayısını yanlış bildiriyi yazan ve bunun yerine $ ('thead> tr'). Uzunluğu kullanın. –