jQuery Close حدث إزالة الفئة من صف الجدول

Question

لدي حاليا جدول مع صفوف تحتوي على رابط قابل للنقر. عندما ينقر المستخدم على رابط من أي صف يتجه حوار UI Modal الخاص بـ jQuery في الجدول ، وأضيف فئة إلى الوصلات التي تم النقر فوقها تسمى "أبرز". ما أود أن أكون قادرًا على القيام به هو إزالة هذه الفئة من الصف عند إغلاق مربع حوار jquerys UI. هل يعرف أحد كيف يمكنني تحقيق ذلك؟

هذا ما يبدو عليه حدث التحميل الخاص بي

$(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 في كل وقت يمكنك استخدام هذا:

$("#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 طريقة.