JQuery: строка таблицы Highlight/De-highlight по щелчку

Классы могут быть и общественностью И изолированный.

, Но, не делайте этого.

можно создать инструмент, чтобы отразиться по внутренним классам и испустить новый класс, который получает доступ ко всему через отражение. MSTest делает это.

Редактирование: Я имею в виду, если Вы не хотите включать - какой-либо материал тестирования в свой исходный блок; это также работает, если участники являются частными.

18
задан karim79 17 August 2009 в 12:54
поделиться

4 ответа

Вы можете сначала отменить выбор всех строк, например

    $(".candidateNameTD").click(function() {
        $(this).closest("tr").siblings().removeClass("diffColor");
        $(this).parents("tr").toggleClass("diffColor", this.clicked);
    });

edit: yep, sry, но идея была правильной;)

23
ответ дан 30 November 2019 в 07:44
поделиться
$(".candidateNameTD").click(function() {
            $("tr").removeClass("diffColor");
            $(this).parents("tr").addClass("diffColor");
        });
6
ответ дан 30 November 2019 в 07:44
поделиться

Это повлияет только на текущую таблицу:

$(".candidateNameTD").click(function() {
    $('table#newCandidatesTable tr').removeClass("diffColor");
    $(this).parents("tr").addClass("diffColor");
});
4
ответ дан 30 November 2019 в 07:44
поделиться

Лучше всего использовать .live . Одно событие предпочтительнее многих (подумайте о большой таблице, большие накладные расходы).

$("div.candidateNameTD").live('click'. function() {
    var $tr = $(this).closest("tr");
    //remove any selected siblings 
    $tr.siblings().removeClass('diffColor');
    //toggle current row
    $tr.toggleClass('diffColor');         
});
0
ответ дан 30 November 2019 в 07:44
поделиться
Другие вопросы по тегам:

Похожие вопросы: