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

回答編集履歴

4

edit

2021/10/07 21:57

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -16,7 +16,7 @@
16
16
  for (i of list) {
17
17
  if (this[0] === 'カテゴリ' + i) {
18
18
  $insert[i] += '<li>';
19
- for (this_i = 0; this_i < 6; this_i++) {
19
+ for (this_i = 0; this_i <=5; this_i++) {
20
20
  $insert[i] += '<div>' + this[this_i] + '</div>';
21
21
  }
22
22
  $insert[i] += '</li>';
@@ -40,12 +40,9 @@
40
40
  $insert[num] = '';
41
41
  }
42
42
  $insert[num] += '<li>';
43
+ for (this_i = 0; this_i <= 5; this_i++) {
43
- $insert[num] += '<div>' + this[0] + '</div>';
44
+ $insert[num] += '<div>' + this[this_i] + '</div>';
44
- $insert[num] += '<div>' + this[1] + '</div>';
45
+ }
45
- $insert[num] += '<div>' + this[2] + '</div>';
46
- $insert[num] += '<div>' + this[3] + '</div>';
47
- $insert[num] += '<div>' + this[4] + '</div>';
48
- $insert[num] += '<div>' + this[5] + '</div>';
49
46
  $insert[num] += '</li>';
50
47
  });
51
48
 

3

edit

2021/10/07 21:57

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -26,4 +26,30 @@
26
26
  for (i of list) {
27
27
  $('#slick_' + i + ' .slider').append($insert[i]);
28
28
  }
29
+ ```
30
+
31
+ もしくは「カテゴリn」と捉えて
32
+ ```js
33
+ $insert = [];
34
+ $(csv).each(function() {
35
+ if(this.length === 0){
36
+ return true;
37
+ }
38
+ num = this[0].replace('カテゴリ','');
39
+ if(!$insert.indexOf(num)){
40
+ $insert[num] = '';
41
+ }
42
+ $insert[num] += '<li>';
43
+ $insert[num] += '<div>' + this[0] + '</div>';
44
+ $insert[num] += '<div>' + this[1] + '</div>';
45
+ $insert[num] += '<div>' + this[2] + '</div>';
46
+ $insert[num] += '<div>' + this[3] + '</div>';
47
+ $insert[num] += '<div>' + this[4] + '</div>';
48
+ $insert[num] += '<div>' + this[5] + '</div>';
49
+ $insert[num] += '</li>';
50
+ });
51
+
52
+ for(i in $insert){
53
+ $('#slick_'+i+' .slider').append($insert[i]);
54
+ }
29
55
  ```

2

edit

2021/10/07 21:53

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,4 +1,4 @@
1
- コピペで現状再現できないので未検証ですし、ループばかりでお世辞にも(パフォーマンス的に)スマートとは言えませんが、数字が見た目短くするのは難しくはないです。
1
+ コピペで現状再現できないので未検証ですし、ループばかりでお世辞にも(パフォーマンス的に)スマートとは言えませんが、数字が固定のようなので見た目短くするのは難しくはないです。
2
2
 
3
3
 
4
4
  ```js

1

edit

2021/10/07 21:37

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,4 +1,4 @@
1
- コピペで現状再現できないので未検証ですし、ループばかりでお世辞にも(パフォーマンス的に)スマートとは言えませんが、見た目短くするのは難しくはないです。
1
+ コピペで現状再現できないので未検証ですし、ループばかりでお世辞にも(パフォーマンス的に)スマートとは言えませんが、数字が見た目短くするのは難しくはないです。
2
2
 
3
3
 
4
4
  ```js
@@ -6,28 +6,24 @@
6
6
 
7
7
 
8
8
  $insert = [];
9
- for(i of list){ //初期化
9
+ for (i of list) { //初期化
10
- $insert[i] = '';
10
+ $insert[i] = '';
11
11
  }
12
- $(csv).each(function() {
12
+ $(csv).each(function () {
13
- if(this.length === 0){
13
+ if (this.length === 0) {
14
- return true;
14
+ return true;
15
- }
15
+ }
16
- for(i of list){
16
+ for (i of list) {
17
- if(this[0] === 'カテゴリ'+i){
17
+ if (this[0] === 'カテゴリ' + i) {
18
- $insert[i] += '<li>';
18
+ $insert[i] += '<li>';
19
+ for (this_i = 0; this_i < 6; this_i++) {
19
- $insert[i] += '<div>' + this[0] + '</div>';
20
+ $insert[i] += '<div>' + this[this_i] + '</div>';
20
- $insert[i] += '<div>' + this[1] + '</div>';
21
- $insert[i] += '<div>' + this[2] + '</div>';
22
- $insert[i] += '<div>' + this[3] + '</div>';
23
- $insert[i] += '<div>' + this[4] + '</div>';
24
- $insert[i] += '<div>' + this[5] + '</div>';
25
- $insert[i] += '</li>';
26
- }
21
+ }
22
+ $insert[i] += '</li>';
27
- }
23
+ }
24
+ }
28
25
  });
29
-
30
- for(i of list){
26
+ for (i of list) {
31
- $('#slick_'+i+' .slider').append($insert[i]);
27
+ $('#slick_' + i + ' .slider').append($insert[i]);
32
28
  }
33
29
  ```