teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

サンプル修正

2017/07/07 02:29

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -27,18 +27,17 @@
27
27
 
28
28
 
29
29
  #サンプル2
30
- ```
30
+ ```HTML
31
31
  <p class="test"><a href="xxx" target="_blank">テキストテキスト</a></p>
32
32
  <p class="test"><a href="xxx" target="_blank">テキスト2テキスト2</a></p>
33
33
  <p class="test"><div>テキスト3テキスト3</div></p>
34
34
  <p class="test"><span>テキスト4テキスト4</span><a href="xxx" target="_blank">テキスト5テキスト5</a></p>
35
- <script src="./jquery.js"></script>
35
+ ```
36
- <script>
36
+ ```javascript
37
37
  $(function(){
38
38
  $("p.test").find("a").each(function() {
39
39
  $(this).parent().after($(this).parent().html());
40
40
  $(this).parent().remove();
41
41
  });
42
42
  });
43
- </script>
44
43
  ```

3

サンプル2

2017/07/07 02:29

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -15,7 +15,6 @@
15
15
  });
16
16
  </script>
17
17
  ```
18
-
19
18
  懸念点としては3点あります。
20
19
  - DOM読み込み後に処理しているのでCSSでtestに何かしら指定しているとチラッと見えてから消える
21
20
  - ブラウザ「ソース表示」からは消えているわけではない
@@ -23,4 +22,23 @@
23
22
 
24
23
  ------------------
25
24
  ある特定のもののみとはいえpタグを消したい理由によって対応方法も異なってくるようにも思います。
26
- 場合によってはそのクラスに対してpタグの機能が無効となるようなcssの指定をした方がいいかもしれませんし。
25
+ 場合によってはそのクラスに対してpタグの機能が無効となるようなcssの指定をした方がいいかもしれませんし。
26
+
27
+
28
+
29
+ #サンプル2
30
+ ```
31
+ <p class="test"><a href="xxx" target="_blank">テキストテキスト</a></p>
32
+ <p class="test"><a href="xxx" target="_blank">テキスト2テキスト2</a></p>
33
+ <p class="test"><div>テキスト3テキスト3</div></p>
34
+ <p class="test"><span>テキスト4テキスト4</span><a href="xxx" target="_blank">テキスト5テキスト5</a></p>
35
+ <script src="./jquery.js"></script>
36
+ <script>
37
+ $(function(){
38
+ $("p.test").find("a").each(function() {
39
+ $(this).parent().after($(this).parent().html());
40
+ $(this).parent().remove();
41
+ });
42
+ });
43
+ </script>
44
+ ```

2

修正

2017/07/07 02:28

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -8,7 +8,7 @@
8
8
  ```javascript
9
9
  //jQueryによる記述です
10
10
  $(function(){
11
- $(".test").each(function() {
11
+ $("p.test").each(function() {
12
12
  $(this).after($(this).html());
13
13
  $(this).remove();
14
14
  });

1

修正

2017/07/07 02:07

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -6,6 +6,7 @@
6
6
  <p class="test"><a href="xxx" target="_blank">テキスト3テキスト3</a></p>
7
7
  ```
8
8
  ```javascript
9
+ //jQueryによる記述です
9
10
  $(function(){
10
11
  $(".test").each(function() {
11
12
  $(this).after($(this).html());
@@ -15,10 +16,11 @@
15
16
  </script>
16
17
  ```
17
18
 
18
- 懸念点としては2点あります。
19
+ 懸念点としては3点あります。
19
20
  - DOM読み込み後に処理しているのでCSSでtestに何かしら指定しているとチラッと見えてから消える
21
+ - ブラウザ「ソース表示」からは消えているわけではない
20
22
  - <p>タグ自体が除かれるので改行的なところも無効となる(PHPで削除する場合も同じ)
21
23
 
22
24
  ------------------
23
- ある特定とはいえpタグを消したい理由によって対応方法も異なってます。
25
+ ある特定のもののみとはいえpタグを消したい理由によって対応方法も異なってくるようにも思います。
24
26
  場合によってはそのクラスに対してpタグの機能が無効となるようなcssの指定をした方がいいかもしれませんし。