Nhận số hàng không bị ẩn trong một bảng

Question

Tôi muốn đếm số hàng trong bảng không bị ẩn. Tôi có thể biết một hàng có bị ẩn hay không bằng cách kiểm tra kiểu của thuộc tính tr: <tr style="display: none; ">. Làm thế nào để bạn tính toán này bằng cách sử dụng jquery?

Answer 1

bạn có thể sử dụng công cụ chọn: hiển thị.

$('tr:visible').length; 

đây là một fiddle chứng minh điều này:

http://jsfiddle.net/cX6jb/

Answer 2

Các :visible selector sẽ chỉ chọn các mục có thể nhìn thấy.

var count = $('#your-table tr:visible').length; 

jsFiddle Demo

Nếu bạn đã có một biến chứa hàng của bạn, bạn cũng có thể sử dụng phương pháp filter.

var $rows = $('#your-table tr'), 
    visibleCount = $rows.filter(':visible').length; 

Answer 3

$('tr').filter(':visible').length 

Tada! Lưu ý: Hiển thị là một bộ chọn jQuery, do đó, nó nhanh hơn nhiều để có được các phần tử của bạn bằng cách sử dụng một bộ chọn css hợp lệ rồi lọc chúng.

:visible

Answer 4

Có lẽ là một cách dễ dàng hơn, nhưng bạn có thể làm điều này

var a = $('tr').length; 
var b = $('tr[style="display:none;"]').length; 
alert(a - b); 

Ví dụ: http://jsfiddle.net/YV3cy/

Answer 5

Nếu bạn tìm hiểu bảng cụ thể thực hiện điều này

$("#tableid tr:visible").length