Question

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

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

我不知道什么是错的，为什么它不起作用！此外，我想使用JQUERY制作此代码，如果javascript不可能。

Answer 1

调用click事件比内联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

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

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

Answer 3

This有效：

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

Answer 4

正如我对你的问题所理解的那样，这就是你想要的。 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 5

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

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

改变风格onclick

5 个答案: