回答編集履歴
2
修正
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
質問者様のコードはjQueryですので、jQueryの記法・メソッドを使った
|
|
1
|
+
質問者様のコードはjQueryですので、jQueryの記法・メソッドを使った手法をご紹介します。
|
|
2
2
|
|
|
3
3
|
### 考え方
|
|
4
4
|
- `.BoxList`を取得する
|
|
@@ -22,9 +22,10 @@
|
|
|
22
22
|
ピュアなJavaScriptの`.forEach()`と似ています。
|
|
23
23
|
|
|
24
24
|
第一・第二引数も使用できますが今回は不要のため使用しませんでした。
|
|
25
|
+
|
|
25
26
|
ちなみに第二引数の`現在の要素`は`$(this)`と同じ要素を参照します。
|
|
26
27
|
が、その要素に対しjQueryメソッドを使いたければ、`$(this)`の方を使用しましょう。
|
|
27
|
-
（今回は`.children()`というjQueryメソッドを使いたかったので、`$(this)`を採用しました。
|
|
28
|
+
（今回は`.children()`というjQueryメソッドを使いたかったので、`$(this)`を採用しました。）
|
|
28
29
|
|
|
29
30
|
```javascript
|
|
30
31
|
jQueryオブジェクト.each(function(インデックス, 現在の要素) {
|
|
@@ -32,12 +33,14 @@
|
|
|
32
33
|
})
|
|
33
34
|
|
|
34
35
|
// 例）
|
|
35
|
-
// こちら、質問者様のコードに追加して
|
|
36
|
+
// こちら、質問者様のコードに追加して実行し、コンソールを確認してみるとわかりやすいと思います。
|
|
36
37
|
$(function() {
|
|
37
38
|
$('.BoxList').each(function(index, element) {
|
|
39
|
+
console.group(index);
|
|
38
40
|
console.log('インデックス:', index);
|
|
39
41
|
console.log('現在の要素:', element);
|
|
40
42
|
console.log('this:', $(this));
|
|
43
|
+
console.groupEnd();
|
|
41
44
|
})
|
|
42
45
|
})
|
|
43
46
|
```
|
1
ついき
test
CHANGED
|
@@ -22,7 +22,9 @@
|
|
|
22
22
|
ピュアなJavaScriptの`.forEach()`と似ています。
|
|
23
23
|
|
|
24
24
|
第一・第二引数も使用できますが今回は不要のため使用しませんでした。
|
|
25
|
-
ちなみに第二引数の`現在の要素`は`$(this)`と同じ要素
|
|
25
|
+
ちなみに第二引数の`現在の要素`は`$(this)`と同じ要素を参照します。
|
|
26
|
+
が、その要素に対しjQueryメソッドを使いたければ、`$(this)`の方を使用しましょう。
|
|
27
|
+
（今回は`.children()`というjQueryメソッドを使いたかったので、`$(this)`を採用しました。
|
|
26
28
|
|
|
27
29
|
```javascript
|
|
28
30
|
jQueryオブジェクト.each(function(インデックス, 現在の要素) {
|