Javascript / Jquery更改类onclick？ [英] Javascript/Jquery to change class onclick?

问题描述

我想改变一个类onclick。我目前所拥有的：

I want to change a class onclick. What I have at the moment:

<script>
function changeclass() {

var NAME = document.getElementById("myclass")

NAME.className="mynewclass"

} 
</script>

但是，当然，它不起作用。此外，它应该再次恢复到previuos状态onclick。

But, ofcourse, its not working. Also, it should revert to previuos state onclick again.

我的html：

<div id="showhide" class="meta-info" onclick="changeclass();">

因此，每当我按下#showhide时，myclass应该更改为mynewclass。感谢您的帮助！

So, whenever I press on #showhide myclass should change to mynewclass. Thanks for help in advance!

推荐答案

使用jquery你可以做某事。像这样，它只会切换类。

With jquery you could do to sth. like this, which will simply switch classes.

$('.showhide').click(function() {
    $(this).removeClass('myclass');
    $(this).addClass('showhidenew');
});

如果要在每次点击时来回切换类，可以使用toggleClass，如下所示：

If you want to switch classes back and forth on each click, you can use toggleClass, like so:

$('.showhide').click(function() {
    $(this).toggleClass('myclass');
    $(this).toggleClass('showhidenew');
});

这篇关于Javascript / Jquery更改类onclick？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！