質問編集履歴

4

テキスト追記

2022/11/02 15:19

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -56,6 +56,17 @@
56
56
  ```
57
57
  どうすれば、動的に増えるリスト(カテゴリー)に対してURLで判定してclassを付与する。といったことが実現できるでしょうか?
58
58
 
59
+ ```ここに言語を入力
60
+ if (document.URL.match("/blog_category/felling/") && li a の要素の中身が"伐採")
61
+ {
62
+ $(".tab_nav ul li a 要素の中身が"伐採")に.addClass("on");
63
+ }else if (document.URL.match("/blog_category/prune/") && li a の要素の中身が"剪定")
64
+ {
65
+ $(".tab_nav ul li a 要素の中身が"剪定")に".addClass("on");
66
+ }
67
+ ```
68
+ 上記のように日本語を入れて考えてみたのですが、書き方がわかりませんでした。
69
+
59
70
  またはURL判定以外での実装方法はありますでしょうか?
60
71
 
61
72
 

3

説明編集

2022/11/02 15:06

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
  URLがマッチした時にliタグの何番目にclass="on"を付与する。といった書き方なのでliタグの順番や数が変わると意図した挙動になりません。
41
41
 
42
42
  実際のリストはwordpressで管理しており、リストの数は動的に変わります。
43
- (リスト(カテゴリー)の種類数は固定されます
43
+ (そのカテゴリーに属する記事がない場合はリストに表示されい。)
44
44
 
45
45
  ```PHP
46
46
  <ul>
@@ -56,4 +56,6 @@
56
56
  ```
57
57
  どうすれば、動的に増えるリスト(カテゴリー)に対してURLで判定してclassを付与する。といったことが実現できるでしょうか?
58
58
 
59
+ またはURL判定以外での実装方法はありますでしょうか?
59
60
 
61
+

2

説明追記

2022/11/02 15:02

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -3,7 +3,7 @@
3
3
  遷移先ページ(クリックしたリスト)のリスト背景色を変えたいです。
4
4
 
5
5
  例)
6
- 「伐採」をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
6
+ 「伐採」(http://localhost:XXX/blog_category/felling/)をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
7
7
 
8
8
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-11-02/5b048ba6-1494-47b0-8e24-fdb4b814b126.png)
9
9
  jQuery URLで判定して listにclassを付与しようと以下のURLに対して、

1

説明追記

2022/11/02 15:00

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
  下記イメージのように、リストをクリックすると、そのリストの一覧ページに遷移。
3
3
  遷移先ページ(クリックしたリスト)のリスト背景色を変えたいです。
4
+
5
+ 例)
6
+ 「伐採」をクリック-> 「伐採」一覧ページへ遷移->リストの「伐採」の背景に色を付ける(class付与)
4
7
 
5
8
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-11-02/5b048ba6-1494-47b0-8e24-fdb4b814b126.png)
6
9
  jQuery URLで判定して listにclassを付与しようと以下のURLに対して、