Как выбрать TR, но не тот, если его дочерний TD с селекторами JQuery?

Question

Как выбрать TR, но не тот, если его дочерний TD с селекторами JQuery?

0

Мне нужно применить некоторый css к некоторому TR и его детям, за исключением одного столбца и его дочерних элементов, которые имеют флажки

Ни одно из следующих не работало

 $('#myRow').not('input').css( "background-color", "#E0E0E0" ).bind('click', function(e){e.preventDefault();});

 $('#myRow').not('.myCellClass').css( "background-color", "#E0E0E0" ).bind('click', function(e){e.preventDefault();});

 $('#myRow:not(.myCellClass)').css( "background-color", "#E0E0E0" ).bind('click', function(e){e.preventDefault();});

 $('#myRow:not(input)').css( "background-color", "#E0E0E0" ).bind('click', function(e){e.preventDefault();});

code511788465541441 20 сен. 2013, в 17:47

Источник

Теги:

javascript

jquery

html

css

3 ответа

Ещё вопросы

Irfan TahirKheli · Answer 1 · 2013-09-20T13-48-00.000Z

Добавьте другой класс в td, который вы хотите связать с событием клика.

<table>
<tr>
<td class="clickable"></td>
<td class="nonclickable"></td>
<td class="clickable"></td>
</tr>
</table>

$('tr td.clickable').click(function(){ // do wathever you want. 
});

tikider · Answer 2 · 2013-09-20T13-16-00.000Z

Делегирование событий - лучший вариант:

$('table#mayTable').on('click', 'tr', function (event) {
    if ($(event.target).find('input').length) {
        // this row has inputs
        return;
    }
    // row does not have inputs
    // do what ever you like
}

defau1t · Answer 3 · 2013-09-20T13-59-00.000Z

В качестве примера вы можете использовать .end() как .end() ниже, для изменения CSS.

$(function() {
       $("table").find("tr").css("background","red")
       .end()
       .find(".b")
        .css("background","#fff") 
 });

Вышеприведенный пример в демонстрации http://jsbin.com/uvUTiGu/1/edit?html,css,output