回答編集履歴
1
改行◎にも回答
answer
CHANGED
@@ -1,7 +1,9 @@
|
|
1
|
-
|
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((
|
9
|
+
`$('.dateSlideList li').each(function() {` という感じでループを回して、`$(this).text()` でこれまでと同じように日付曜日を入れ、土曜日か日曜日だったら`$(this).addClass()` でクラスを足せばよいでしょう。
|