JQuery Fermer l'événement supprimer la classe de ligne de table

Question

J'ai actuellement un tableau avec des lignes qui contiennent un lien cliquable. Lorsqu'un utilisateur clique sur un lien de toute ligne de table de l'interface utilisateur de popups Modal DIALOG de JQuery et j'ajouter une classe à liens cliqués parent tr appelé « highlight ». Ce que je voudrais être en mesure de faire est de retirer cette classe de la ligne lorsque l'interface utilisateur JQuerys dialogue est fermée. Est-ce que quelqu'un sait comment je peux y parvenir?

Voici ce que mon événement de chargement ressemble

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

Merci

Answer 1

Si vous avez seulement une ligne avec la hightlight de classe à tout moment, vous pouvez utiliser ceci:

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

peut-être quelque chose comme ceci est ce que vous cherchez:

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

si vous avez plus d'une ligne avec le point culminant de la classe alors je recommande de définir une variable globale dans la méthode $('.getData').click... afin que vous puissiez faire référence à partir de la méthode close.