同じテーブルIDを持つ2つの一意のdivIDがあります。
<div id = 'currentItems'><table id = 'allItems'></table></div>
現在のテーブルを表示しています
<div id = 'newItems'><table id = 'allItems'></table></div>
更新されたテーブルを表示しています(jqueryロードを介して)
私は現在、表示されているすべてのテーブル行を取得するこのjquery関数を持っています。同じIDのテーブルが2つあることを除けば、うまく機能します。
var countVisibleRows = $('tr').filter(function() {
return $(this).css('display') !== 'none';
}).length;
上記の関数を指定して、div id = 'newItems'内の表示可能なTRのみを検索する方法はありますか?DIVとテーブルを非表示にすることも念頭に置いて、私は、行カウントするだろう見ることができます。
したがって、dividとvisibleselectorを使用します
var trsC = $('#currentItems table tbody tr:visible')
console.log(trsC.length);
var trsN = $('#newItems table tbody tr:visible')
console.log(trsN.length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="currentItems">
<table>
<tbody>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr hidden><td>3</td></tr>
<tr><td>4</td></tr>
</tbody>
</table>
</div>
<div id="newItems">
<table>
<tbody>
<tr><td>5</td></tr>
<tr hidden><td>6</td></tr>
<tr hidden><td>7</td></tr>
<tr><td>8</td></tr>
</tbody>
</table>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加