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

您至少有两个选项可以选择其中一个项目：按ID或按位置。

按ID

首先，您必须为每个<li>提供不同的ID，例如

<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_n").addClass("active");

将该类添加到其中一个类中

按职位

使用<li>

将课程添加到所需位置的$("li:eq(n)").addClass("active");

我试图像上面的代码一样进行导航

1 个答案: