回答編集履歴
2
新しいコードの追加
answer
CHANGED
|
@@ -33,4 +33,43 @@
|
|
|
33
33
|
</body>
|
|
34
34
|
|
|
35
35
|
</html>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
--------
|
|
39
|
+
## 修正後
|
|
40
|
+
html()で、htmlとして評価できます。
|
|
41
|
+
順番に置換していき、最後に設定すればいいと思います。
|
|
42
|
+
|
|
43
|
+
```html
|
|
44
|
+
<!DOCTYPE html>
|
|
45
|
+
<html lang="en">
|
|
46
|
+
|
|
47
|
+
<head>
|
|
48
|
+
<meta charset="UTF-8">
|
|
49
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
50
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
51
|
+
<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
|
|
52
|
+
<title>Document</title>
|
|
53
|
+
</head>
|
|
54
|
+
|
|
55
|
+
<body>
|
|
56
|
+
<div class="col1">science chemistry</div>
|
|
57
|
+
<script>
|
|
58
|
+
$(function () {
|
|
59
|
+
var list = {
|
|
60
|
+
"science": "科学",
|
|
61
|
+
"chemistry": "化学"
|
|
62
|
+
};
|
|
63
|
+
$("div.col1").each(function () {
|
|
64
|
+
var html = $(this).html();
|
|
65
|
+
for (var item in list) {
|
|
66
|
+
html = html.replace(item, '<div class="subject">' + list[item] + '</div>');
|
|
67
|
+
}
|
|
68
|
+
$(this).html(html);
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
</script>
|
|
72
|
+
</body>
|
|
73
|
+
|
|
74
|
+
</html>
|
|
36
75
|
```
|
1
うまく投稿できなかった\( ；∀；\)
answer
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
やりたいこととあってるか、どうかわかりませんが。。。
|
|
2
|
+
あと、変数iは配列の時のみにしておいた方がよいと思います。
|
|
2
3
|
|
|
3
4
|
```html
|
|
4
5
|
<!DOCTYPE html>
|