Question

我实际上并不经常使用Javascript而且对它的编码知之甚少，所以我想原谅这个问题，如果它是一个简单的问题！

我有这个html元素：

<button class="btn"></button>

<div class="section1 active" style="z-index:1;"></div>

<div class="section2" style="z-index:2;"></div>

现在我想将类“active”添加到div .section2，同时通过单击按钮.btn从div .section1中删除此类“active”。

此外，点击按钮.btn我想将样式属性“z-index：1”从.section1更改为“z-index：2”，同时更改“z-index：2” “从.section2到”z-index：1“

有人可以给我一个完整的javascript代码，当我点击按钮时会改变类和样式属性吗？

谢谢：）

Answer 1

$('.section1').click(function(){
	  $('.section1').removeClass('active').html('CLICK FOR ACTIVE').css('z-index', 1);
	  $(this).addClass('active').html('ACTIVE').css('z-index', 2);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div class="section1 active" style="z-index:1;">CLICK FOR ACTIVE</div>

<div class="section1" style="z-index:2;">ACTIVE</div>

添加＆amp;使用Javascript删除Class On Click

1 个答案: