0

段落タグの 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>
4

2 に答える 2

5

.toggleClass()のようにしてみてください

 $(document).ready(function(){
      $('#elm').on('click',function(){
         $("p").toggleClass('hover');
      });
 });
于 2013-08-17T12:50:01.577 に答える
0

あなたのコードは、完全に正直に言うと少し混乱しています。少しクリーンアップしてみてください。そうすれば、自分が間違っていることに気付くはずです。

私があなたの要件を理解していれば、親 div id="elm" をクリックしてクラスを追加/削除したいと考えています。その場合は、Gautam3164 で言及されているように toggleClass を使用できます。このjsfiddleを見てください。ただし、コードをわずかに変更し、いくつかの仮定を行う必要がありました。

$(document).ready(function(){
    $('#elm').click(function(){ 
        $("p").toggleClass('select') 
    });
});
于 2013-08-17T17:40:25.057 に答える