Question

这里我使用了四个div＆＃39; s，当我点击第一个div时，其他所有div正在变得不透明，它的工作正常，我想要移动到其他{ {1}} v第一个di仍未改变不透明度

div

提前感谢，

Answer 1

您没有写有效的HTML代码 - 请参阅：

<div class="category-item" >
    <div class="img-responsive center-block">   </div>      
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>          
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>      
</div>
<div class="category-item" >
    <div class="img-responsive center-block">   </div>  
</div>

和js：

$(document).ready(function(){
    $(".category-item").click(function(){
        $(".category-item").addClass("blue");
        $(this).addClass("black").removeClass("blue");
    });


});

请参阅demo

Answer 2

fiddle demo 试试这个

$(document).ready(function(){
          $(".category-item").click(function(){
              $(".category-item.black").removeClass("black");
            $(this).addClass("black");
           $(".category-item").addClass("blue");

          });
        });

Answer 3

Fiddle demo尝试此代码一次

＆＃13;

$(document).ready(function(){
		  $(".category-item").click(function(){
              $(".category-item").removeClass("blue");
              $(".category-item").removeClass("black");
		   $(".category-item").addClass("blue");
              		  	$(this).addClass("black");
		  });
    

		});

＆＃13;

Answer 4

Fiddle demo尝试此代码一次

$(document).ready(function(){
          $(".category-item").click(function(){
              $(".category-item").removeClass("blue");
              $(".category-item").removeClass("black");
           $(".category-item").addClass("blue");
                        $(this).addClass("black");
          });


        });

单击功能使用多个div不工作

4 个答案: