【jquery】为何removeClass()在<li>里无效?该如何解决?

<!DOCTYPE html>
<html>
<head>

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

</head>
<style>
.selected{background:yellow;}
</style>
<body>
<div><span>Hello</span></div>

clipboard.png

<input id=s1 type=button value='ww'>
<input id=s2 type=button value='xx'>
<input id=s3 type=button value='xx'>
<script>
$(document).ready(function(){

  $("#s1").click(function(){
      $("#101").addClass('selected').siblings().removeClass('selected');

})});
$(document).ready(function(){
$("#s2").click(function(){ $("#102").addClass('selected').siblings().removeClass('selected');
})});
$(document).ready(function(){
$("#s3").click(function(){ $("#103").addClass('selected').siblings().removeClass('selected');
})});
</script>

</body>
</html>

阅读 7.4k
4 个回答
<!DOCTYPE html>
<html>
    <head>
        <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    </head>
    <style>
    .selected{background:yellow;}
    </style>
    <body>
        <div><span>Hello</span></div>
        <input id=s1 type=button value='ww'>
        <input id=s2 type=button value='xx'>
        <input id=s3 type=button value='xx'>
    <script>
        $(document).ready(function(){
            $("#s1").click(function(){ $("#101").addClass('selected').siblings().removeClass('selected');
            $("#s2").click(function(){ $("#102").addClass('selected').siblings().removeClass('selected');
            $("#s3").click(function(){ $("#103").addClass('selected').siblings().removeClass('selected');
        });
    </script>
    </body>
</html>

多看看教程;熟练使用;

$("#101").addClass('selected').parent().siblings().children().removeClass('selected');

$("#101").addClass('selected').closest('li').siblings().children().removeClass('selected');

ID最好加上引号。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题