質問編集履歴
2
内容を一部修正いたしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,7 +38,11 @@
|
|
38
38
|
|
39
39
|
var $elm = $(this).children('.items');
|
40
40
|
|
41
|
+
var $test = $(this).children('.items').data('aaa'); //追記部分
|
42
|
+
|
41
|
-
console.log($elm);
|
43
|
+
console.log($elm); //追記:eachでなくとも取得できる
|
44
|
+
|
45
|
+
console.log($test); //追記:data-aaa="10"のみ取得できる
|
42
46
|
|
43
47
|
});
|
44
48
|
|
@@ -56,16 +60,28 @@
|
|
56
60
|
|
57
61
|
<section id="hoge">
|
58
62
|
|
59
|
-
<div class="items">あああ</div>
|
63
|
+
<div class="items" data-aaa="10">あああ</div>
|
60
64
|
|
61
|
-
<div class="items">いいい</div>
|
65
|
+
<div class="items" data-aaa="20">いいい</div>
|
62
66
|
|
63
|
-
<div class="items">ううう</div>
|
67
|
+
<div class="items" data-aaa="30">ううう</div>
|
64
68
|
|
65
|
-
<div class="items">えええ</div>
|
69
|
+
<div class="items" data-aaa="40">えええ</div>
|
66
70
|
|
67
|
-
<div class="items">おおお</div>
|
71
|
+
<div class="items" data-aaa="50">おおお</div>
|
68
72
|
|
69
73
|
</section>
|
70
74
|
|
71
75
|
```
|
76
|
+
|
77
|
+
※data-aaaを追記いたしました。
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
###追記
|
82
|
+
|
83
|
+
masaya_ohashi様のご指摘の通り、```$elm```の部分は```.each()```でなくとも取得できましたが、その下にある```.items```の```data-aaa```を取得しようとすると、はじめの行```<div class="items" data-aaa="10">あああ</div>```のみ取得できる形となってしまいます。
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
そうではなく、すべての```.items```の```data-aaa```を取得したい場合、どのようにすれば良いでしょうか。
|
1
html部分を追記いたしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -49,3 +49,23 @@
|
|
49
49
|
});
|
50
50
|
|
51
51
|
```
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
```html
|
56
|
+
|
57
|
+
<section id="hoge">
|
58
|
+
|
59
|
+
<div class="items">あああ</div>
|
60
|
+
|
61
|
+
<div class="items">いいい</div>
|
62
|
+
|
63
|
+
<div class="items">ううう</div>
|
64
|
+
|
65
|
+
<div class="items">えええ</div>
|
66
|
+
|
67
|
+
<div class="items">おおお</div>
|
68
|
+
|
69
|
+
</section>
|
70
|
+
|
71
|
+
```
|