方法1:如果是控制class,则用点
$(function(){
$(".sub-ul li").click(function() {
$(".sub-ul li").removeClass('selected');
$(this).addClass('selected'); // 添加当前元素的样式
});
});
方法2:如果是用id ,则用#
<ul id="test">
<li>OK</li>
<li>OK</li>
<li>OK</li>
</ul>
<style>
selected{background: #ff99cc;}
</style>
$(function(){
$("#test li").click(function() {
$(this).siblings('li').removeClass('selected');// 删除其他标签的样式
$(this).addClass('selected');// 添加选中的样式
});
});
另记录下:如果不涉及到其它地方控制点击,可以直接使用CSS处理,方法见下:
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
li:focus {
background: red;
}
</style>
</head>
<body>
<ul>
<li tabindex="1">1</li>
<li tabindex="1">2</li>
<li tabindex="1">3</li>
</ul>
重点是tabindex
————————————————
本文为CSDN博主「xcagy」的原创文章, 原文链接:https://blog.csdn.net/ccagy/article/details/122241967