テーブルの行からはJQuery閉じるイベント削除クラス

Question

私は現在、クリック可能なリンクを含む行を持つテーブルがあります。 ユーザーが任意のテーブルの行からのリンクをクリックするとjQueryのUI、モーダルダイアログが起動ポップアップし、私は「ハイライト」と呼ばクリックしたリンクの親TRにクラスを追加します。 私は何をできるようにしたいことはJQuerys UIダイアログが閉じているときに、行からこのクラスを削除しています。 私はこれを達成することができますどのようにいずれかのノウハウがありますか？

ここ

のようなものを私のloadイベントのルックスです

$(document).ready(function() {
        $("#dialog").dialog({
            autoOpen: false,
            height: 170,
            width: 350,
            center: false
        });

        $('.getData').click(function(e) {
            getResults($(this).attr('id'));
            $(this).parent().parent().addClass("highlight");
            $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
            return false;
        });
    });

おかげ

Answer 1

あなただけのすべての時間にクラスhightlightで1行を持っている場合は、これを使用することができます：

$("#dialog").dialog({
    autoOpen: false,
    height: 170,
    width: 350,
    center: false,
    close: function(event, ui) {
        $('table .highlight:first').removeClass('highlight'); 
        // A bit faster in theory
    }
});

Answer 2

多分このようなものは、あなたが探しているものです。

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 170,
        width: 350,
        center: false,
        close: function(event, ui) { 
            $("table tr").removeClass("highlight");
        }
    });

    $('.getData').click(function(e) {
        getResults($(this).attr('id'));
        $(this).parent().parent().addClass("highlight");
        $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
        return false;
    });
});

あなたが持っている場合はより多くのあなたが$('.getData').click...メソッドからそれを参照することができますので、私はclose方法でグローバル変数を設定することをお勧めクラスのハイライトと1行よります。