質問編集履歴

2

内容を一部修正いたしました

2017/10/13 08:29

投稿

退会済みユーザー
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部分を追記いたしました

2017/10/13 08:29

投稿

退会済みユーザー
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
+ ```