質問編集履歴
6
誤述の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -70,7 +70,7 @@
|
|
70
70
|
|
71
71
|
|
72
72
|
|
73
|
-
if($(child).hasClass('
|
73
|
+
if($(child).hasClass('class-1')){
|
74
74
|
|
75
75
|
var first = $(parent).child().eq(0).prop('outerHTML');
|
76
76
|
|
5
htmlを追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,58 @@
|
|
1
1
|
javascript初心者です宜しくお願い致します。
|
2
2
|
|
3
3
|
インデントをしたのですが、プレビューで反映されていなく、見づらく申し訳ございません。
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
```html
|
8
|
+
|
9
|
+
<div id = "id-1">
|
10
|
+
|
11
|
+
<div class="left-img">
|
12
|
+
|
13
|
+
<img src = "sample.com">
|
14
|
+
|
15
|
+
</div>
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
<div class = "right-tag">
|
20
|
+
|
21
|
+
<div class="tag">
|
22
|
+
|
23
|
+
<a class = "class-2">クラス2</a>
|
24
|
+
|
25
|
+
<a class = "class-1">クラス1</a>
|
26
|
+
|
27
|
+
</div>
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
<div class="tag">
|
32
|
+
|
33
|
+
<a class = "class-2">クラス2</a>
|
34
|
+
|
35
|
+
<a class = "class-3">クラス3</a>
|
36
|
+
|
37
|
+
</div>
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
<div class="tag">
|
42
|
+
|
43
|
+
<a class = "class-2">クラス2</a>
|
44
|
+
|
45
|
+
<a class = "class-1">クラス1</a>
|
46
|
+
|
47
|
+
</div>
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
</div>
|
52
|
+
|
53
|
+
</div>
|
54
|
+
|
55
|
+
```
|
4
56
|
|
5
57
|
|
6
58
|
|
4
記述ミス
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
```javascript
|
14
14
|
|
15
|
-
var child = document
|
15
|
+
var child = document.getElementById('id-1').getElementByClassName('class-1');
|
16
16
|
|
17
17
|
var parent = $(child).parent();
|
18
18
|
|
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
```javascript
|
42
42
|
|
43
|
-
var child = document
|
43
|
+
var child = document.getElementById('id-1').getElementByClassName('class-1');
|
44
44
|
|
45
45
|
var parent = $(child).parent();
|
46
46
|
|
3
誤述の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
```javascript
|
14
14
|
|
15
|
-
var child = documentGetElementById('id-1').
|
15
|
+
var child = documentGetElementById('id-1').GetElementByClassName('class-1');
|
16
16
|
|
17
17
|
var parent = $(child).parent();
|
18
18
|
|
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
```javascript
|
42
42
|
|
43
|
-
var child = documentGetElementById('id-1').
|
43
|
+
var child = documentGetElementById('id-1').GetElementByClassName('class-1');
|
44
44
|
|
45
45
|
var parent = $(child).parent();
|
46
46
|
|
2
コードの挿入
test
CHANGED
File without changes
|
test
CHANGED
@@ -9,6 +9,8 @@
|
|
9
9
|
特定のクラス名を持っているhtmlの順番を変えたくて以下のような記述をしました。
|
10
10
|
|
11
11
|
|
12
|
+
|
13
|
+
```javascript
|
12
14
|
|
13
15
|
var child = documentGetElementById('id-1').documentGetElementByClassName('class-1');
|
14
16
|
|
@@ -26,6 +28,8 @@
|
|
26
28
|
|
27
29
|
}
|
28
30
|
|
31
|
+
```
|
32
|
+
|
29
33
|
|
30
34
|
|
31
35
|
すべての[class-1]をクラス名にもつ要素に処理を適応させたいのですが、この記述だと、先頭の[class-1]をクラス名に持つ、htmlにしか処理が適応されませんでした。
|
@@ -33,6 +37,8 @@
|
|
33
37
|
そこでeachメソッドを使ってすべての要素に、処理を適応させようとしたところ、処理が走らなくなってしまいました。
|
34
38
|
|
35
39
|
|
40
|
+
|
41
|
+
```javascript
|
36
42
|
|
37
43
|
var child = documentGetElementById('id-1').documentGetElementByClassName('class-1');
|
38
44
|
|
@@ -54,6 +60,8 @@
|
|
54
60
|
|
55
61
|
});
|
56
62
|
|
63
|
+
```
|
64
|
+
|
57
65
|
|
58
66
|
|
59
67
|
調べたのですが、原因がわかりません。
|
1
記述ミス
test
CHANGED
File without changes
|
test
CHANGED
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
$(parent).each(function(){
|
44
44
|
|
45
|
-
if($(child).hasClass('
|
45
|
+
if($(child).hasClass('class-1')){
|
46
46
|
|
47
47
|
var first = $(parent).child().eq(0).prop('outerHTML');
|
48
48
|
|