jqueryを使用して1つの列をクリックして色を変更し、次に別の列をクリックして色を変更する方法ですが、元の列は元の色に戻ります。配列a（1、2、3）があり、ループします。 コードをコピーします コードは次のとおりです: < ;ul>a[0] ;a[1] a[2] 1,1 をクリックして色を変更し、2,2 をクリックして色を変更しますただし、1 は元の色に戻ります。次は私の最初のテスト コードです。HTML コード: 。 コードをコピー コードは次のとおりです。 <br>.clckClass{ color:red;} <br> <br>$('ul li a').bind('click', function(){ <br>$('ul li a:not(this)').removeClass('clckClass' ); <br>$(this).addClass('clckClass'); <br>< /script>JScript コード: <br><style type="text/css"> <br>.clckClass{color:red;} <br></style> /javascript"> <br>$('ul li a').bind('click' , function(){ <br>$('.clckClass').removeClass('clckClass'); <br>$( this).addClass('clckClass'); <br>}); <br></ script> <br><br> <br>上記のコードでは、スタイル 'clckClass' が他の要素で使用されている可能性があります。 $('.clckClass').removeClass('clckClass'); を使用すると、画面上で clckClass が使用され、スタイル要素が clckClass スタイルの外に移動されます。これは明らかに私たちが望んでいる結果ではありません。必要なのは、ul li a の下の clckClass スタイルを削除することだけです。ただし、上記のコードで clckClass が使用できるのはこれらのタグだけであることがわかりました。他のタグでも使用すると影響が出る可能性があることを考慮していませんでした。 style はこれらのタグ内でのみ使用する必要があります。上記の状況に基づいて、次のようにいくつかの小さな変更を加えることができます: <br>JScript コード: </div> <br><br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="57855" class="copybut" id="copybut57855" onclick="doCopy('code57855')"><u> コードは次のとおりです: </u></a> </span><style type="text/css"> </div>.clckClass{color:red;} <div class="codebody" id="code57855"></style> ; <BR><script type= "text/javascript"> <br>varremoveClassA = $('ul li a').bind('click' , function(){ <br>removeClassA .removeClass('clckClass'); <br>$(this).addClass('clckClass'); <br>removeClassA = $(this); ><br> <br>< /script> このように書くと、次回クリックするときにノードを clckClass クラスとともに保存するため、速度が速くなります。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
