我有以下菜单项:
<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
部分