Question

我是新来的，在学习了js后我创造了这个怪物：

 <script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$("#guzik").click(function () {
    $("#red").attr('id', ($("#red").attr('id') === 'blue' ? 'red' : 'blue'));
});
});//]]>  

</script>

guzik是我的按钮，我希望它改变另一个id为#red到#blue（切换）的div我的错误在哪里？：）

Answer 1

更好的方法是更改类而不是ID

$("#guzik").click(function () {
    $("#div").toggleClass('red blue');
});

.red {background:red}
.blue {background:blue}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="guzik">GUZIK</a>
<div id="div" class="blue">CONTENT</div>

切换按钮更改另一个div ID

1 个答案: