jQuery的點擊添加/刪除類

Question

我想在段落標記的clok中添加選擇類。 我寫了代碼，但是沒有用。 請提出建議。

代碼如下：

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