質問編集履歴
2
<li>の閉じタグに誤字があった（<li><li>となっていた）ため、ソースコードを修正いたしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
表題の通りですが、表示されている（```:visible```の）要素の個数を取得したいと思っています。
|
|
3
3
|
|
|
4
4
|
###試したこと
|
|
5
|
+
※<li>の閉じタグに誤字があった（<li><li>となっていた）ため、ソースコードを修正いたしました。
|
|
5
6
|
```html
|
|
6
7
|
<div id="hoge">
|
|
7
|
-
<li style="display:none;">リンゴ<li>
|
|
8
|
+
<li style="display:none;">リンゴ</li>
|
|
8
|
-
<li>ゴリラ<li>
|
|
9
|
+
<li>ゴリラ</li>
|
|
9
|
-
<li style="display:none;">ラッパ<li>
|
|
10
|
+
<li style="display:none;">ラッパ</li>
|
|
10
|
-
<li>パンツ<li>
|
|
11
|
+
<li>パンツ</li>
|
|
11
|
-
<li style="display:none;">ツバメ<li>
|
|
12
|
+
<li style="display:none;">ツバメ</li>
|
|
12
13
|
</div>
|
|
13
14
|
```
|
|
14
15
|
上記のhtmlに対して以下のJSを実施しました（※修正前）。
|
1
javascript部分を一部修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<li style="display:none;">ツバメ<li>
|
|
12
12
|
</div>
|
|
13
13
|
```
|
|
14
|
-
上記のhtmlに対して以下のJSを実施しました。
|
|
14
|
+
上記のhtmlに対して以下のJSを実施しました（※修正前）。
|
|
15
15
|
```Javascript
|
|
16
16
|
$('#hoge li').each(function () {
|
|
17
17
|
var elm = $(this).is(':visible');
|
|
@@ -21,6 +21,16 @@
|
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
```
|
|
24
|
+
上記のhtmlに対して以下のJSを実施しました（※一部修正 / 最新）。
|
|
25
|
+
```Javascript
|
|
26
|
+
$('#hoge li').each(function () {
|
|
27
|
+
var elm = $(this).is(':visible');
|
|
28
|
+
if (elm == true) {
|
|
29
|
+
var len = elm.length; //$elm → elm に修正
|
|
30
|
+
console.log(len); //undefined
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
```
|
|
24
34
|
しかし上記のソースコードだと```display:none```ではないelmの個数分、undefinedとなってしまいます。
|
|
25
35
|
どのように書けばよろしいでしょうか？
|
|
26
36
|
何卒よろしくお願い致します。
|