我有以下菜单项:

<ul>
    <li class="static">
        <a class="static menu-item" href="/mySites/AboutUs">About Us</a>
    </li>
    <li class="static">
        <a class="static-menu-item" href="/mySite/Practices">Practices</a>
    </li>
    <li class="static">
        <a class="static-meunu-item" href="/mySite/Sectors">Sectors</a>
    </li>
</ul>

我不能将特定的背景图像添加到菜单项,因为它们都具有相同的类。为了实现这一点,理想的情况是可以添加特定的类,例如:
<ul>
    <li class="static">
        <a class="static menu-item about-us" href="/mySites/AboutUs">About Us</a>
    </li>
    <li class="static">
        <a class="static-menu-item practices" href="/mySite/Practices">Practices</a>
    </li>
    <li class="static">
         <a class="static-meunu-item sectors" href="/mySite/Sectors">Sectors</a>
    </li>
</ul>

在上面的示例中,以红色突出显示的是已添加的类。然后,这将允许我将特定的背景图像添加到每个菜单项。

如何在jQuery中使用.addClass()方法实现此目标?

最佳答案

我个人觉得用Java来做这样的事情实在是太过分了。
如上所述,在服务器端进行处理更有意义。
要么...
CSS!您可以使用CSS3伪类执行此操作。
我创建了一个example here

要使此功能在IE7等较旧的浏览器中起作用,请确保将Selectivizr添加到head部分

10-05 20:52
查看更多