보이는 테이블 행 수를 계산하는 jquery 선택기?

보이는 테이블 행 수를 계산하는 jquery 선택기?

---

이 HTML이 있습니다.

<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. 어떻게 할 수 있습니까?

---

당신이 사용할 수있는 :visible선택 과 .length같은를 :

var numOfVisibleRows = $('tr:visible').length;

는 IF <table>자체가 화면에 표시되지 않습니다 ( :visible다음, 사용하는 부모가 숨겨져있는 경우 반환 거짓, 요소가 직접 숨길 수없는) .filter()과 같이 :

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

---

$('tr:visible').length

---

특정 테이블 표시 행을 볼 수도 있습니다.

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

totalRowWithoutHeader는 총 행수 제외 헤더 행을 준다.

---

$ ( "tr : visible")은 보이는 행의 결과를 얻습니다. 그러면 .length를 수행 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/2931893/jquery-selector-to-count-the-number-of-visible-table-rows