jQuery вложенный фильтр

Question

Я бы хотел, чтобы первые шесть столбцов GridView выполняли действие, но мне нужно выделить всю строку при нажатии. Вскрытие всего ряда работает, но я не могу получить захват первых 6 столбцов. Как получить первые 6 столбцов, щелкнув ниже, где находится тестовая переменная ?:

$("#<%= JobStreamSelectedDealsGridView.ClientID %> tr").filter(function() { 
    return $('td', this).length && !$('table', this).length 
}) 
.bind('click', function(e) { 
    if (_activeRow) _activeRow.removeClass('gridviewrow-highlighted'); 
    _activeRow = $(this).addClass('gridviewrow-highlighted'); 

    var testing = $('td:lt(6)', this); 

}); 

Answer 1

Вы можете сделать это следующим образом:

var _activeRow; 
$("#<%= JobStreamSelectedDealsGridView.ClientID %> tr") 
    .delegate('td:not(:has(table)):lt(6)', 'click', function(e) { 
    if (_activeRow) _activeRow.removeClass('gridviewrow-highlighted'); 
    _activeRow = $(this).closest('tr').addClass('gridviewrow-highlighted'); 
    });​ 

You can try it out here. Я не уверен в исключении родительских строк и дочерних таблиц, но я воспроизвел его здесь, так как я уверен, что у вас есть причина :)

Это использует .delegate(), чтобы уменьшить количество обработчиков событий , он прикрепляет обработчик событий к каждой строке, и когда кликнул <td>, то есть :lt(6) (менее 6-го индекса, на основе 0), мы поднимаемся до ближайшего <tr>, используя .closest() и выполняем манипуляции с классом.

Answer 2

Попробуйте это. Вы связываете клик даже с первыми 6 TD.

$("#<%= JobStreamSelectedDealsGridView.ClientID %> tr").filter(function() { 
    return $('td', this).length && !$('table', this).length 
}) 
find("td:eq(0), td:eq(1), td:eq(2), td:eq(3), td:eq(4), td:eq(5)").bind('click', function(e) { 
    if (_activeRow) _activeRow.removeClass('gridviewrow-highlighted'); 
    _activeRow = $(this).addClass('gridviewrow-highlighted'); 

    var testing = $(this); 

});