javascript - クリック時にJavaScriptトグルテーブル行の背景色

Question

したがって、同じテーブル行クラスが再び見つかるまで、テーブル行をクリックすると後続のすべてのテーブル行が展開される JavaScript コードがあります。

行にカーソルを合わせると、予想どおり灰色に変わります。

機能しない唯一のものは、テーブルの行をクリックしたときです。テーブルの行の背景色をホバー (灰色) と同じにしたいのです。クリックして行を折りたたむと、色が消えるはずです。

以下に示すように、トグルクラスを追加しようとしました。

$('.my-class').click(function(){

    $(this).nextUntil('tr.my-class').slideToggle(100);
    $(this).toggleClass("tr.my-class.negative.clicked");
});

しかし、それが正しいアプローチであるかどうかはわかりません。これが私のjsfiddleです： http://jsfiddle.net/DhdRG/3/

score 1 · Accepted Answer

ただ頭を上げてください。これもうまくいき、これはより良い解決策かもしれません:

$('.my-class').click(function(){

    $(this).nextUntil('tr.my-class').slideToggle(100);
    $(this).toggleClass("clicked");

});

4 に答える 4