javascript - 点击时Jquery添加/删除类

Question

我想在段落标签的时钟上添加选择类。我写了代码，但它不起作用。请建议。

代码如下：

<style type="text/css">
    #elm p { background:#FF0000; color:#FFFFFF; font-weight:bold;}
    .select{ background:#000099;}

</style>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $('#elm').click( function(){ $("p").addClass('hover') });
    function(){ $("p").removeClass('hover') }
});
});

</script>

Answer 1

试试.toggleClass()喜欢

 $(document).ready(function(){
      $('#elm').on('click',function(){
         $("p").toggleClass('hover');
      });
 });

Answer 2

老实说，你的代码有点乱。试着把它清理一下，你应该能够注意到你做错了什么。

如果我了解您的要求，您希望在单击父 div id="elm" 时添加/删除一个类。如果是这种情况，您可以使用 Gautam3164 提到的 toggleClass，看看这个jsfiddle ，尽管我不得不稍微更改代码并做出一些假设。

$(document).ready(function(){
    $('#elm').click(function(){ 
        $("p").toggleClass('select') 
    });
});