回答編集履歴
4
文法修正
answer
CHANGED
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
|
|
22
22
|
```JavaScript
|
|
23
23
|
$(function() {
|
|
24
|
-
var parentVal = $('.name').html().split('<br>'); //A.<br>より前の文字列を取得
|
|
24
|
+
var parentVal = $('.name').html().split('<br>')[0]; // A.<br>より前の文字列を取得
|
|
25
|
-
var spanVal = $('.name span').text(); //B.<span>の中身を取得
|
|
25
|
+
var spanVal = $('.name span').text(); // B.<span>の中身を取得
|
|
26
|
-
$('.name').html(parentVal
|
|
26
|
+
$('.name').html(parentVal+'<br>'+spanVal); // <p>の中身をA+Bに差替え
|
|
27
27
|
});
|
|
28
28
|
```
|
|
29
29
|
|
3
文法修正
answer
CHANGED
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
|
|
22
22
|
```JavaScript
|
|
23
23
|
$(function() {
|
|
24
|
+
var parentVal = $('.name').html().split('<br>'); //A.<br>より前の文字列を取得
|
|
24
|
-
var spanVal = $('.name span').text(); //
|
|
25
|
+
var spanVal = $('.name span').text(); //B.<span>の中身を取得
|
|
25
|
-
var parentVal = $('.name').html().split('<br>'); //B.<br>以前の文字列取得
|
|
26
26
|
$('.name').html(parentVal[0]+'<br>'+spanVal); //<p>の中身をA+Bに差替え
|
|
27
27
|
});
|
|
28
28
|
```
|
2
回答追加
answer
CHANGED
|
@@ -15,4 +15,21 @@
|
|
|
15
15
|
}
|
|
16
16
|
```
|
|
17
17
|
|
|
18
|
-
あら簡単(｡´ސު｀｡)
|
|
18
|
+
あら簡単(｡´ސު｀｡)
|
|
19
|
+
|
|
20
|
+
##冗談はさておきjQueryでやる場合
|
|
21
|
+
|
|
22
|
+
```JavaScript
|
|
23
|
+
$(function() {
|
|
24
|
+
var spanVal = $('.name span').text(); //A.<span>の中身取得
|
|
25
|
+
var parentVal = $('.name').html().split('<br>'); //B.<br>以前の文字列取得
|
|
26
|
+
$('.name').html(parentVal[0]+'<br>'+spanVal); //<p>の中身をA+Bに差替え
|
|
27
|
+
});
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
1行で書いてもOK
|
|
31
|
+
```JavaScript
|
|
32
|
+
$(function() {
|
|
33
|
+
$('.name').html($('.name').html().split('<br>')[0]+'<br>'+$('.name span').text());
|
|
34
|
+
});
|
|
35
|
+
```
|
1
文法修正
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
###CSSだけで無理やり消す（隠す）方法
|
|
2
2
|
|
|
3
|
-
spanに白背景をつけて、
|
|
3
|
+
spanに白背景をつけて、苗字の上に被せる。
|
|
4
4
|
|
|
5
5
|
```CSS
|
|
6
6
|
p.name {
|
|
@@ -13,4 +13,6 @@
|
|
|
13
13
|
padding-right:3em;
|
|
14
14
|
background-color:#fff;
|
|
15
15
|
}
|
|
16
|
-
```
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
あら簡単(｡´ސު｀｡)
|