<ul id="pagelist">
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
</ul>
ul#pagelist{ list-style-type:none;}
ul#pagelist li{ list-style-type:none; float:left; padding:5px;}
ul#pagelist li a{ display:block;}
ul#pagelist li a.current{ background-color:ActiveBorder; width:10px; padding:5px;}
$(document).ready(function() {
$("ul#pagelist li a").each(function() {
$(this).click(function() {
$(this).addClass("current");
$(this).siblings().removeClass("current");
});
});
});如何实现点击后该链接有背景色,而其他链接没有颜色?
$("ul#pagelist li a").click(function() {
$("ul#pagelist li a").removeClass("current");
$(this).addClass("current");
});
$("ul#pagelist li a").each(function () {
$(this).click(function () {
$(this).parent().siblings().children().removeClass("current");
$(this).addClass("current");
});
});
});