我有一个列表< li> li中的内容在单击时应该变为粗体的位置.为此我使用了以下代码
<ul class="tabs">
<li><a href="#tab1" style="padding-left:5px;">All Sectors</a></li>
<li><a href="#tab2">Information Technology</a></li>
<li><a href="#tab3">Manufacturing</a></li>
<li style="border-right:none;"><a href="#tab4">Services</a></li>
</ul>
JQUERY
$(document).ready(function() {
$(".tabs li a").click(
function() { $(this).css({ "font-weight" : "bold" }); }
);
});
但是当单击列表项时,它变为粗体.我希望列表项在单击其他列表项时恢复正常.我无法找到正确的事件.对你的帮助表示感谢.
解决方法
实际上,在< li>上执行此操作会更容易.等级而不是< a>因为它具有相同的粗体效果(并直接访问
.siblings()),如下所示：
$(".tabs li").click(function() {
$(this).addClass("boldClass").siblings().removeClass("boldClass");
});
然后你可以像这样使用CSS作为类：
.boldClass { font-weight: bold; }
如果您想要点击已经粗体的链接以取消加粗,则可以使用.toggleClass("boldClass")而不是.addClass("boldClass").
