質問編集履歴
2
<li>の閉じタグに誤字があった（<li><li>となっていた）ため、ソースコードを修正いたしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,19 +6,21 @@
|
|
|
6
6
|
|
|
7
7
|
###試したこと
|
|
8
8
|
|
|
9
|
+
※<li>の閉じタグに誤字があった（<li><li>となっていた）ため、ソースコードを修正いたしました。
|
|
10
|
+
|
|
9
11
|
```html
|
|
10
12
|
|
|
11
13
|
<div id="hoge">
|
|
12
14
|
|
|
13
|
-
<li style="display:none;">リンゴ<li>
|
|
15
|
+
<li style="display:none;">リンゴ</li>
|
|
14
16
|
|
|
15
|
-
<li>ゴリラ<li>
|
|
17
|
+
<li>ゴリラ</li>
|
|
16
18
|
|
|
17
|
-
<li style="display:none;">ラッパ<li>
|
|
19
|
+
<li style="display:none;">ラッパ</li>
|
|
18
20
|
|
|
19
|
-
<li>パンツ<li>
|
|
21
|
+
<li>パンツ</li>
|
|
20
22
|
|
|
21
|
-
<li style="display:none;">ツバメ<li>
|
|
23
|
+
<li style="display:none;">ツバメ</li>
|
|
22
24
|
|
|
23
25
|
</div>
|
|
24
26
|
|
1
javascript部分を一部修正いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
-
上記のhtmlに対して以下のJSを実施しました。
|
|
27
|
+
上記のhtmlに対して以下のJSを実施しました（※修正前）。
|
|
28
28
|
|
|
29
29
|
```Javascript
|
|
30
30
|
|
|
@@ -44,6 +44,26 @@
|
|
|
44
44
|
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
+
上記のhtmlに対して以下のJSを実施しました（※一部修正 / 最新）。
|
|
48
|
+
|
|
49
|
+
```Javascript
|
|
50
|
+
|
|
51
|
+
$('#hoge li').each(function () {
|
|
52
|
+
|
|
53
|
+
var elm = $(this).is(':visible');
|
|
54
|
+
|
|
55
|
+
if (elm == true) {
|
|
56
|
+
|
|
57
|
+
var len = elm.length; //$elm → elm に修正
|
|
58
|
+
|
|
59
|
+
console.log(len); //undefined
|
|
60
|
+
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
|
|
47
67
|
しかし上記のソースコードだと```display:none```ではないelmの個数分、undefinedとなってしまいます。
|
|
48
68
|
|
|
49
69
|
どのように書けばよろしいでしょうか？
|