私は上記のコードのようなナビゲーションを作ろうとしています

Question

<li><a href="/shop/shopbrand.html?xcode=071&mcode=008&type=Y">top</a></li> 
<li><a href="/shop/shopbrand.html?xcode=071&mcode=005&type=Y">top2</a></li> 
<li><a href="/shop/shopbrand.html?xcode=071&mcode=003&type=Y">top3</a></li> 
<li><a href="/shop/shopbrand.html?xcode=071&mcode=001&type=Y">top4</a></li> 
<li><a href="/shop/shopbrand.html?xcode=071&mcode=010&type=Y">top5</a></li> 

私は上記のコードのようなナビゲーションを作ろうとしています。

JQUERYを使用してメニューにクラスACTIVEを追加します。

上記の場合、リンクアドレスはすべて同じですが、REFが異なる場合、どのようにコードを記述できますか？

Answer 1

これらのアイテムの1つをIDまたは位置で選択するには、少なくとも2つのオプションがあります。あなたが最初に次にあなたが$("#li_n").addClass("active");

でそれらのいずれかにクラスを追加することができます

<li id="li_1"><a href="/shop/shopbrand.html?xcode=071&mcode=008&type=Y">top</a></li> 
<li id="li_2"><a href="/shop/shopbrand.html?xcode=071&mcode=005&type=Y">top2</a></li> 
<li id="li_3"><a href="/shop/shopbrand.html?xcode=071&mcode=003&type=Y">top3</a></li> 
<li id="li_4"><a href="/shop/shopbrand.html?xcode=071&mcode=001&type=Y">top4</a></li> 
<li id="li_5"><a href="/shop/shopbrand.html?xcode=071&mcode=010&type=Y">top5</a></li> 

のように、あなたの<li>のそれぞれに異なるIDを与える必要がID

ことで

位置別

クラスを希望の位置にある<li>に追加します。$("li:eq(n)").addClass("active");