JQuery Schließen Ereignis entfernen Klasse von Tabellenzeile

Question

Im Moment habe ich eine Tabelle mit Zeilen, die einen anklickbaren Link enthalten. Wenn ein Benutzer einen Link von einer Tabellenzeile klickt JQuery UI modaler Dialog Popups und i fügen Sie eine Klasse an der Mutter tr geklickt Links namens ‚Highlight‘. Was ich möchte in der Lage sein, diese Klasse aus der Reihe zu tun ist, zu entfernen, wenn der JQuerys UI-Dialog geschlossen wird. Hat jemand wissen, wie ich kann das erreichen?

Hier ist, was meine Last Ereignis aussieht wie

$(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;
        });
    });

Danke

Answer 1

Wenn Sie nur zu jeder Zeit eine Zeile mit der Klasse hightlight haben könnten Sie verwenden:

$("#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

vielleicht so etwas wie das ist, was Sie suchen:

$(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;
    });
});

Wenn Sie mehr als die eine Zeile mit der Klasse Highlight dann eine globale Variable in der $('.getData').click... Methode, die ich empfehlen, so dass Sie es von der close Methode verweisen können.