teratail
回答率
85.45%
質問するログイン新規登録
トップPHPに関する質問2つのタブを跨いで文字を置きたいです。

編集履歴

回答編集履歴

4

勘違い修正

2021/03/25 04:24

投稿

FKM
FKM

スコア3649

test CHANGED
@@ -1,6 +1,6 @@
1
1
  こんな感じでよろしいですかね？
2
2
 
3
- 列の長さ分、それを繰り返すようにします。
3
+ 列の長さ分のspanを取得して、それを置くようにします。
4
4
 
5
5
 
6
6
 
@@ -10,27 +10,25 @@
10
10
 
11
11
  $(function(){
12
12
 
13
+ let len = $('.main').find('td').not(':first').length;
14
+
13
15
  let attr = [
14
16
 
15
- '<td class="attribute">1</td>',
17
+ '<td class="attribute" colspan="'+len+'">1</td>',
16
18
 
17
- '<td class="attribute_sub">2</td>',
19
+ '<td class="attribute_sub" colspan="'+len+'">2</td>',
18
20
 
19
21
  ];
20
22
 
21
- let len = $('.main').find('td').not(':first').length; //先頭列以外の長さ取得
23
+ $( '#attribute_function').after(attr[0]);
22
24
 
23
- for(i= 0; i < len ; i++){
24
-
25
- $( '#attribute_function').after(attr[0]);
26
-
27
- $( '#attribute_sub_function').after(attr[1]);
25
+ $( '#attribute_sub_function').after(attr[1]);
28
-
29
- }
30
26
 
31
27
  })
32
28
 
33
29
  </script>
30
+
31
+
34
32
 
35
33
  </head>
36
34
 

3

先頭列以外

2021/03/25 04:24

投稿

FKM
FKM

スコア3649

test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  ];
20
20
 
21
- let len = $('.main').find('td').not(':first').length;
21
+ let len = $('.main').find('td').not(':first').length; //先頭列以外の長さ取得
22
22
 
23
23
  for(i= 0; i < len ; i++){
24
24
 

2

lenですね

2021/03/25 02:19

投稿

FKM
FKM

スコア3649

test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  let len = $('.main').find('td').not(':first').length;
22
22
 
23
- for(i= 0; i < attr.length ; i++){
23
+ for(i= 0; i < len ; i++){
24
24
 
25
25
  $( '#attribute_function').after(attr[0]);
26
26
 

1

afterでいけそうです

2021/03/25 02:18

投稿

FKM
FKM

スコア3649

test CHANGED
@@ -22,9 +22,9 @@
22
22
 
23
23
  for(i= 0; i < attr.length ; i++){
24
24
 
25
- $( '#attribute_function').parent().append(attr[0]);
25
+ $( '#attribute_function').after(attr[0]);
26
26
 
27
- $( '#attribute_sub_function').parent().append(attr[1]);
27
+ $( '#attribute_sub_function').after(attr[1]);
28
28
 
29
29
  }
30
30