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

回答編集履歴

4

修正

2021/10/12 01:38

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -24,4 +24,5 @@
24
24
  }
25
25
  });
26
26
  });
27
- ```
27
+ ```
28
+ ※一部修正

3

shuusei

2021/10/12 01:38

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -20,7 +20,7 @@
20
20
  $(function(){
21
21
  $('dt').each(function(){
22
22
  if($('> :not(a)',this).length>0){
23
- $(this).find('>*').unwrap().wrapAll('p');
23
+ $(this).contents().unwrap().wrapAll('p');
24
24
  }
25
25
  });
26
26
  });

2

調整

2021/10/12 01:38

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -14,4 +14,14 @@
14
14
  ```
15
15
  - C/Dのように複数のaを持つ場合
16
16
  - Eのようにテキストノードを持つ場合場合
17
- - Fのように改行のような空白文字をテキストノードとして持つ場合
17
+ - Fのように改行のような空白文字をテキストノードとして持つ場合
18
+
19
+ ```javascript
20
+ $(function(){
21
+ $('dt').each(function(){
22
+ if($('> :not(a)',this).length>0){
23
+ $(this).find('>*').unwrap().wrapAll('p');
24
+ }
25
+ });
26
+ });
27
+ ```

1

ちょうせい

2021/10/12 01:34

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -1,2 +1,17 @@
1
1
  一般にdlタグの直下にはscriptやtemplateなど特殊なものを除くと
2
- dt,dd,div(特例)しか置くことができません
2
+ dt,dd,div(特例)しか置くことができません
3
+
4
+ また仮にpに置換できるとして、aのみを直下に持つという条件は曖昧です
5
+ ```HTML
6
+ <dl>
7
+ <p></p>
8
+ <dt><a>linkA</a></dt>
9
+ <dt><a>linkB</a></dt>
10
+ <dt><a>linkC</a><a>linkD</a></dt>
11
+ <dt><a>linkE</a>text</dt>
12
+ <dt><a>linkF</a>
13
+ </dt>
14
+ ```
15
+ - C/Dのように複数のaを持つ場合
16
+ - Eのようにテキストノードを持つ場合場合
17
+ - Fのように改行のような空白文字をテキストノードとして持つ場合