javascript - 点击更改样式

Question

我想使用类 onclick 更改标签的样式（基本上我想更改类）。这是我的 HTML 代码：

<div class="menutext"><a href="#" onclick="javascript:removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>

我不知道出了什么问题，为什么它不起作用！如果无法使用 javascript，我也想使用 JQUERY 制作此代码。

Answer 1

调用点击事件比内联javascript更好...可读且易于调试...

尝试这个

html

<div class="menutext"><a href="#" class="scroll">Feedback</a></div>

jQuery

 $('.menutext a').click(function(e){
     e.preventDefault(); //to prevent the default behaviour of <a>
     $(this).parent().removeClass('menutext').addClass('menutext2'); 
      //parent() because i think you want to change the class of the div ...
 });

Answer 2

这有效：

<div class="menutext"><a href="#" onclick="$(this).parent().removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a></div>

Answer 3

正如我对你的问题的理解，这就是你想要的。jQuery

   $('.childDiv').click(function(){
     $(this).parent().find('.childDiv').css('background-color','#ffffff');
     $(this).css('background-color','#ff0000');
   });

html

 Group 1
 <div id="child1" class="childDiv">
    Child 1
</div>
<div id="child2" class="childDiv">
    Child 2
</div>
</div>
<div id="divParent2" class="parentDiv">
Group 2
<div id="child1" class="childDiv">
    Child 1
</div>
<div id="child2" class="childDiv">
    Child 2
</div> 
</div>

CSS

 .parentDiv{
  border:1px solid black;
  padding:10px;
  width: 80px; 
  margin:5px;  
  display:relative;
}


.childDiv{
border:1px solid blue;
height: 50px;   
margin:10px;
}

Answer 4

您没有在 onclick 事件中编写 jquery 选择器。

<div class="menutext">
    <a href="#" onclick="javascript:$(this).removeClass('menutext').addClass('menutext2');" class="scroll">Feedback</a>
</div>

Answer 5

尝试使用jQuery并删除onclick链接中的属性：

$('div.menutext > a').click(function(){
     $(this).parent().removeClass('menutext').addClass('menutext2');
});