jquery - jqueryを使用して前回クリックされたタグを取得する

Question

重複の可能性:
Jquery: クリック時にテーブルの行をハイライト/ハイライト解除

いくつかの TR タグを含む html テーブルを作成しました。ユーザーがテーブル内の行をクリックすると、それが強調表示され、前にクリックした行が強調表示されなくなります。誰がどうすればいいのか教えてもらえますか。私はjqueryを使用してそれをやろうとしています。

Answer 1

これを試して：

// on click of any of the table cell...
$("td").click(function() {

    // Remove the active class from all the tr's
    $(this).closest("tr").siblings().removeClass("active");

    // Add the active class to the clicked table row...
    $(this).parents("tr").toggleClass("active", this.clicked);
});

CSS

ここで確認することはあまりありません。「現在の」行と列の実際のスタイルを処理するためのクラス名を用意するだけです。

.active { background-color: #eee; }

ここでフィドル

Answer 2

これが簡単な解決策です。hilite最後にクリックしたクラスにクラスを追加/削除します<tr>。

$( 'tr' ).on( 'click', function() {
    var classname = 'hilite';
    $( 'tr.' + classname ).add( this ).toggleClass( classname );
} );

ここでテストできます: http://jsfiddle.net/GvXKe/