li点击添加选中样式
程序员文章站
2022-07-14 22:54:43
...
li点击添加选中样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>li选中</title>
<style>
.selected{font-weight:bold; background: #17A2B8; color:#fff;}
</style>
</head>
<body>
<ul id="test">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
</body>
</html>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript">
$(function(){
$("#test li").click(function() {
$(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式
$(this).addClass('selected'); // 添加当前元素的样式
});
});
</script>
上一篇： for循环渲染时点击加样式（单个）
下一篇： 循环li点击改变样式