回答編集履歴

2

説明

2021/06/03 08:45

投稿

FKM
FKM

スコア3647

test CHANGED
@@ -17,3 +17,25 @@
17
17
  });
18
18
 
19
19
  ```
20
+
21
+
22
+
23
+ 大事なポイントは先にtextメソッドで文字列だけ代入して、後でprependメソッドで<span>タグを代入します。これの順番が逆だと、あとのtextメソッドだけが有効になってしまい、番号を振ることができません。
24
+
25
+
26
+
27
+ こうなっていることを確認できました。
28
+
29
+
30
+
31
+ ```
32
+
33
+ <p>
34
+
35
+ <span class="marker1">1</span>
36
+
37
+ "あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。"
38
+
39
+ </p>
40
+
41
+ ```

1

訂正しました

2021/06/03 08:45

投稿

FKM
FKM

スコア3647

test CHANGED
@@ -4,16 +4,16 @@
4
4
 
5
5
  ```js
6
6
 
7
- $('.target-area p').each(function (i,ele) {
7
+ $('.target-area p').each(function (i,ele) {
8
8
 
9
- $(ele).wrapInner('<span />');
9
+ let txt = $(ele).text();
10
10
 
11
- let num = $('<span>').attr("class","marker1").text(i+1);
11
+ let num = $('<span>').attr("class","marker1").text(i+1);
12
12
 
13
- $(ele).prepend(num);
13
+ let ptag = $(ele).text(txt).prepend(num);
14
+
15
+ $('#search-result__list').append(ptag);
14
16
 
15
17
  });
16
18
 
17
-
18
-
19
19
  ```