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

回答編集履歴

2

コメントを受けて再追記

2021/10/29 07:33

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37488

answer CHANGED
@@ -41,4 +41,29 @@
41
41
  }
42
42
  })
43
43
  });
44
+ ```
45
+
46
+ ---
47
+
48
+ # コメントを受けて再追記
49
+
50
+ 共通クラスをつけたくないってことなのかな……?
51
+ セレクタは適当に調整してください。
52
+ [https://jsfiddle.net/Lhankor_Mhy/cnvu8xp2/1/](https://jsfiddle.net/Lhankor_Mhy/cnvu8xp2/1/)
53
+
54
+ ```js
55
+ var moreNum = 2;
56
+ $('.list:nth-child(n + ' + (moreNum + 1) + ')').addClass('is-hidden');
57
+
58
+ //略
59
+
60
+ $(function () {
61
+ $('[class^=section]').each(function () {
62
+ var list = $('.list', this).length;
63
+ alert(list);//1
64
+ if (list < moreNum) {
65
+ $('.more-button', this).addClass('is-btn-hidden');
66
+ }
67
+ })
68
+ });
44
69
  ```

1

コメントを受けて追記

2021/10/29 07:33

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37488

answer CHANGED
@@ -15,4 +15,30 @@
15
15
  }
16
16
  })
17
17
  });
18
+ ```
19
+
20
+ ---
21
+
22
+ # コメントを受けて追記
23
+
24
+ >__100個あった場合の書き方がわかるといいなと思います。__
25
+
26
+ 100個でも大丈夫ですよ。サンプル置いときますね。
27
+ [https://jsfiddle.net/Lhankor_Mhy/cnvu8xp2/](https://jsfiddle.net/Lhankor_Mhy/cnvu8xp2/)
28
+
29
+ ```js
30
+ var moreNum = 2;
31
+ $('.list:nth-child(n + ' + (moreNum + 1) + ')').addClass('is-hidden');
32
+
33
+ //略
34
+
35
+ $(function () {
36
+ $('.sec').each(function () {
37
+ var list = $('.list', this).length;
38
+ alert(list);//1
39
+ if (list < moreNum) {
40
+ $('.more-button', this).addClass('is-btn-hidden');
41
+ }
42
+ })
43
+ });
18
44
  ```