teratail
回答率
85.47%
質問するログイン新規登録
トップjQueryに関する質問範囲を指定して文字を削除したい

編集履歴

回答編集履歴

4

文法修正

2017/06/22 10:28

投稿

iss
iss

スコア506

test CHANGED
@@ -44,11 +44,11 @@
44
44
 
45
45
  $(function() {
46
46
 
47
- var parentVal = $('.name').html().split('<br>'); //A.<br>より前の文字列を取得
47
+ var parentVal = $('.name').html().split('<br>')[0]; // A.<br>より前の文字列を取得
48
48
 
49
- var spanVal = $('.name span').text(); //B.<span>の中身を取得
49
+ var spanVal = $('.name span').text(); // B.<span>の中身を取得
50
50
 
51
- $('.name').html(parentVal[0]+'<br>'+spanVal); //<p>の中身をA+Bに差替え
51
+ $('.name').html(parentVal+'<br>'+spanVal); // <p>の中身をA+Bに差替え
52
52
 
53
53
  });
54
54
 

3

文法修正

2017/06/22 10:28

投稿

iss
iss

スコア506

test CHANGED
@@ -44,9 +44,9 @@
44
44
 
45
45
  $(function() {
46
46
 
47
- var spanVal = $('.name span').text(); //A.<span>の中身取得
47
+ var parentVal = $('.name').html().split('<br>'); //A.<br>より前の文字列を取得
48
48
 
49
- var parentVal = $('.name').html().split('<br>'); //B.<br>以前の文字列取得
49
+ var spanVal = $('.name span').text(); //B.<span>の中身を取得
50
50
 
51
51
  $('.name').html(parentVal[0]+'<br>'+spanVal); //<p>の中身をA+Bに差替え
52
52
 

2

回答追加

2017/06/22 10:25

投稿

iss
iss

スコア506

test CHANGED
@@ -33,3 +33,37 @@
33
33
 
34
34
 
35
35
  あら簡単(｡´ސު​｀｡)
36
+
37
+
38
+
39
+ ##冗談はさておきjQueryでやる場合
40
+
41
+
42
+
43
+ ```JavaScript
44
+
45
+ $(function() {
46
+
47
+ var spanVal = $('.name span').text(); //A.<span>の中身取得
48
+
49
+ var parentVal = $('.name').html().split('<br>'); //B.<br>以前の文字列取得
50
+
51
+ $('.name').html(parentVal[0]+'<br>'+spanVal); //<p>の中身をA+Bに差替え
52
+
53
+ });
54
+
55
+ ```
56
+
57
+
58
+
59
+ 1行で書いてもOK
60
+
61
+ ```JavaScript
62
+
63
+ $(function() {
64
+
65
+ $('.name').html($('.name').html().split('<br>')[0]+'<br>'+$('.name span').text());
66
+
67
+ });
68
+
69
+ ```

1

文法修正

2017/06/22 10:24

投稿

iss
iss

スコア506

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- spanに白背景をつけて、名字の上に被せる。
5
+ spanに白背景をつけて、苗字の上に被せる。
6
6
 
7
7
 
8
8
 
@@ -29,3 +29,7 @@
29
29
  }
30
30
 
31
31
  ```
32
+
33
+
34
+
35
+ あら簡単(｡´ސު​｀｡)