jQuery的点击添加/删除类

Question

I want to add select class on clok of paragraph tag. I written code but it is not working. please suggest.

code is given below:

<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

Try with .toggleClass() like

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

Answer 2

Your code is a bit of a mess to be perfectly honest. Try clean it up a little and you should be able to notice what you're doing wrong.

If I understood your requirements, you want to add/remove a class upon click of the parent div id="elm". If that is the case you can use toggleClass as mentioned by Gautam3164, take a look at this jsfiddle although I had to change the code very slightly and made a few assumptions.

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