さまざまなショップページの「ボディ」にクラスを追加する

Question

私はショップを建てて、別のbodyクラスを3ページに追加しようとしています。カテゴリページexample.com/shop/model-xxxx/

3）：

1）メインページ：example.com/shop/

2）商品ページこれらは、3ページであるexample.com/shop/?category=xxxx/

ここに私が試したものです：

if (window.location.href.match(new RegExp('/shop/.+'))) { 

    jQuery('body').addClass('shop-item'); 

} else if (window.location.href.match('/shop/')) { 

    jQuery('body').addClass('shop'); 

} else if (window.location.href.match('/shop/?category=')) { 

    jQuery('body').addClass('shop-category'); 

} 

理想的には、/shop/p年齢は、bodyにshopのクラスが追加され、/shop/model-xxxx/ページはbodyに追加されたshop-itemクラスを持ち、/shop/?category=xxxx/ページはbodyクラスに追加されます。

最初の2つが機能しますが、カテゴリページはshop-categoryの代わりにshop-itemがクラスとして追加されます。そのルールは最初の行に定義されているためです。

---

質問：私はshop-categoryクラスは、カテゴリページに追加されていることを確認するにはどうすればよいですか？

Answer 1

どういうわけか、JSは、あなたが表現の前後に引用符を使用している場合は、エスケープ疑問符を一致させるようにしていません。

これはテストされ、動作します：

function checkUrl(url) { 
 
    if (url.match(/\/shop\/\?category/)) { 
 
    console.log(url, "-> category"); 
 
    } else if (url.match(new RegExp('/shop/.+'))) { 
 
    console.log(url, "-> item"); 
 
    } else if (url.match('/shop/')) { 
 
    console.log(url, "-> shop"); 
 
    } 
 
} 
 

 

 
checkUrl('exmaple.com/shop/'); 
 
checkUrl('exmaple.com/shop/?category=blub'); 
 
checkUrl('exmaple.com/shop/other');

Answer 2

最初のルールでnegative-lookaheadを使用してください。

if (window.location.href.match(new RegExp('/shop/(?!\?category).+'))) { 

    jQuery('body').addClass('shop-item'); 

} else ... 

この中には、URLの2番目の部分がで始まっていないことを確認してください！カテゴリー