回答編集履歴

2

修正

2022/11/29 08:56

投稿

Cocode
Cocode

スコア2316

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

ついき

2022/11/29 08:46

投稿

Cocode
Cocode

スコア2316

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(インデックス, 現在の要素) {