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

回答編集履歴

1

改行◎にも回答

2021/01/25 00:48

投稿

int32_t
int32_t

スコア21929

answer CHANGED
@@ -1,7 +1,9 @@
1
- **最小限JavaScriptコード修正で済せた場合**
1
+ 改行◎はそのまま文字列に`"\n◎"`を足して、`.dateSlideList li`のスタイルを `white-space: pre` にすると簡単です。`.text()`を`.html()`にして `"<br>◎"` してもよですね。
2
2
 
3
+ **最小限のJavaScriaptコード修正で済ませたい場合**
4
+
3
5
  `.text(function() {` を `.html(function() {` に変え、土曜日日曜日の場合は `<span class="saturday">`か `<span class="sunday">` 〜 `</span>` で囲んだ文字列を返し、CSSで`.saturday` `.sunday` のセレクタで色を設定すれば良いしょう。
4
6
 
5
7
  **余計な要素を増やしたくない場合**
6
8
 
7
- `$('.dateSlideList li').each((index, element) => {` という感じでループを回して、`$(element).text()` でこれまでと同じように日付曜日を入れ、土曜日か日曜日だったら`$(element).addClass()` でクラスを足せばよいでしょう。
9
+ `$('.dateSlideList li').each(function() {` という感じでループを回して、`$(this).text()` でこれまでと同じように日付曜日を入れ、土曜日か日曜日だったら`$(this).addClass()` でクラスを足せばよいでしょう。