<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<style>
.selected {
background-color: green;
}
</style>
<script>
$("#select div").bind("click",function(){
$(this).siblings('div').removeClass('selected'); // 删除其他兄弟元素的样式
$(this).addClass('selected');
});
</script>
</head>
<body>
<div id="select">
<div>11</div>
<div>22</div>
<div>33</div>
<div>44</div>
</div>
</body>
</html>
追问没效果
追答sorry，把函数放到jQuery里面:
$(function(){
$("#select div").bind("click",function(){
$(this).siblings('div').removeClass('selected'); // 删除其他兄弟元素的样式
$(this).addClass('selected');
});
});