jq多个div,单击当前div,只改变当前div的背景颜色
2个回答
展开全部
<!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');
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询