質問編集履歴

4

コードに説明を追記

2021/10/23 02:52

投稿

crazyBaseball
crazyBaseball

スコア21

test CHANGED
File without changes
test CHANGED
@@ -19,6 +19,10 @@
19
19
  以下のようなHTMLの置換(`<dt>`→`<p>`)が、②で実現できず、その理由を知りたいです。
20
20
 
21
21
  (※HTML文法は本件と無関係なのでスルーしてください。)
22
+
23
+
24
+
25
+ ・ChromeでエクスポートしたブックマークのHTMLファイルです(以下は簡易記述で、実際はエクスポートしたまま用います。)
22
26
 
23
27
  ```html
24
28
 
@@ -45,6 +49,8 @@
45
49
  </dl>
46
50
 
47
51
  ```
52
+
53
+ ・開発ツールに記述するJavaScriptです
48
54
 
49
55
  ```js
50
56
 

3

質問の経緯に加筆

2021/10/23 02:52

投稿

crazyBaseball
crazyBaseball

スコア21

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- ### ソースコード
17
+ ###ソースコード
18
18
 
19
19
  以下のようなHTMLの置換(`<dt>`→`<p>`)が、②で実現できず、その理由を知りたいです。
20
20
 
@@ -26,9 +26,9 @@
26
26
 
27
27
  <dl>
28
28
 
29
- <dt><a></a></dt>
29
+ <dt><a></a></dt>
30
30
 
31
- <dt><a></a></dt>
31
+ <dt><a></a></dt>
32
32
 
33
33
  </dl>
34
34
 
@@ -38,9 +38,9 @@
38
38
 
39
39
  <dl>
40
40
 
41
- <p><a></a></p>
41
+ <p><a></a></p>
42
42
 
43
- <p><a></a></p>
43
+ <p><a></a></p>
44
44
 
45
45
  </dl>
46
46
 
@@ -72,11 +72,43 @@
72
72
 
73
73
 
74
74
 
75
- この以前の質問においてjQueryが実行できない原因が「jQueryが入っていないことだ」とのご指摘を受け、実際にWebページにjQueryを入れる処理をコンソール画面で実行したjQueryによる置換は実現できました。
75
+ この以前の質問においてjQueryが実行できない原因が「jQueryが入っていないことだ」とのご指摘を受けまして、jQueryを入れる処理をコンソール画面で実行したところ、jQueryによる置換は実現できました。それが次の処理です。
76
+
77
+ ```jQuery
78
+
79
+ // jQueryを入れる処理
80
+
81
+ // コンソール画面で1行ずつエンターで実行する
82
+
83
+ var jq = document.createElement('script');
84
+
85
+ jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js";
86
+
87
+ document.getElementsByTagName('head')[0].appendChild(jq);
88
+
89
+ jQuery.noConflict();
90
+
91
+ window.$ = jQuery;
76
92
 
77
93
 
78
94
 
95
+ // jQueryによる置換
96
+
97
+ $('dt').each(function() {
98
+
99
+ if ($(this).children('a').length === 1) {
100
+
101
+ const innerHtml = $(this).html();
102
+
103
+ $(this).replaceWith($('<p>').html(innerHtml));
104
+
105
+ }
106
+
107
+ });
108
+
109
+ ```
110
+
79
- 他方、上記は生JavaScriptでありますのでjQueryの有無は関係なく、コンソール画面で普通に実行できるはずとの考えなのですが、なぜかできず、今回の質問に至りました。
111
+ 他方、今回の質問は生JavaScriptですのでjQueryの有無は関係なく、コンソール画面で普通に実行できるはずとの考えなのですが、なぜかできず、今回の質問に至りました。
80
112
 
81
113
 
82
114
 

2

リンク訂正

2021/10/23 00:30

投稿

crazyBaseball
crazyBaseball

スコア21

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,7 @@
68
68
 
69
69
  ###質問の経緯
70
70
 
71
- 今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([JavaScriptで指定タグを置換](https://teratail.com/questions/363953))でした。
71
+ 今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([jQueryで指定タグを置換](https://teratail.com/questions/363953))でした。
72
72
 
73
73
 
74
74
 

1

誤字訂正

2021/10/22 22:49

投稿

crazyBaseball
crazyBaseball

スコア21

test CHANGED
File without changes
test CHANGED
@@ -68,11 +68,11 @@
68
68
 
69
69
  ###質問の経緯
70
70
 
71
- 今回の質問の発端としては、上記の生JavaSCriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([JavaScriptで指定タグを置換](https://teratail.com/questions/363953))でした。
71
+ 今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([JavaScriptで指定タグを置換](https://teratail.com/questions/363953))でした。
72
72
 
73
73
 
74
74
 
75
- この以前の質問においてjQUeryが実行できない原因が「WebページにjQuery入っていないこと」とのご指摘を受け、実際にWebページにjQueryを入れる処理をコンソール画面で実行したらjQueryによる置換は実現できました。
75
+ この以前の質問においてjQueryが実行できない原因が「jQuery入っていないこと」とのご指摘を受け、実際にWebページにjQueryを入れる処理をコンソール画面で実行したらjQueryによる置換は実現できました。
76
76
 
77
77
 
78
78