CSSプロパティがついたセレクタを取得する – jQuery
CSSプロパティがついたセレクタを取得する
テーブルのなかでdisplay: none;が付いているtrを取得してその数をカウントしたかった。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<table> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>AAA</td> <td>BBB</td> </tr> <tr style="display: none;"> ← これを取得したい <td>CCC</td> <td>DDD</td> </tr> <tr> <td>EEE</td> <td>FFF</td> </tr> </tbody> </table> |
cssメソッドには設定だけじゃなくて取得にも使えるって知らなかった。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$(document).ready(function(){ var count = 0; $("table tbody tr").each(function(){ var style = $(this).css("display"); if(style == "none"){ count++; } }); console.log(count); }); |
コメント
コメントはありません。