Question

我想在段落标记的clok上添加select类。我写了代码，但它没有用。请建议。

代码如下：

<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') 
    });
});

Jquery单击时添加/删除类

2 个答案: