質問編集履歴
4
コードに説明を追記
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
質問の経緯に加筆
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が入っていないことだ」とのご指摘を受け、
|
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
|
-
他方、
|
111
|
+
他方、今回の質問は生JavaScriptですのでjQueryの有無は関係なく、コンソール画面で普通に実行できるはずとの考えなのですが、なぜかできず、今回の質問に至りました。
|
80
112
|
|
81
113
|
|
82
114
|
|
2
リンク訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -68,7 +68,7 @@
|
|
68
68
|
|
69
69
|
###質問の経緯
|
70
70
|
|
71
|
-
今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([
|
71
|
+
今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([jQueryで指定タグを置換](https://teratail.com/questions/363953))でした。
|
72
72
|
|
73
73
|
|
74
74
|
|
1
誤字訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -68,11 +68,11 @@
|
|
68
68
|
|
69
69
|
###質問の経緯
|
70
70
|
|
71
|
-
今回の質問の発端としては、上記の生JavaS
|
71
|
+
今回の質問の発端としては、上記の生JavaScriptの処理についてjQueryで取り組み、実現できなかったという以前の質問([JavaScriptで指定タグを置換](https://teratail.com/questions/363953))でした。
|
72
72
|
|
73
73
|
|
74
74
|
|
75
|
-
この以前の質問においてjQ
|
75
|
+
この以前の質問においてjQueryが実行できない原因が「jQueryが入っていないことだ」とのご指摘を受け、実際にWebページにjQueryを入れる処理をコンソール画面で実行したらjQueryによる置換は実現できました。
|
76
76
|
|
77
77
|
|
78
78
|
|