Подстановочный знак N-го типа в jQuery?

Question

Я использую jQuery для изменения класса в некоторых элементах таблицы.

Ожидаемое поведение, когда вы нажимаете <th>, добавьте класс во все свои <td> (в его колонке).

У меня есть этот JQuery:

$(document).ready(function() { 
    $("table.tabla th:nth-of-type(1)").click(function() { 
     $("table.tabla td:nth-of-type(1)").toggleClass('on'); 
    return false; 
    }); 
}); 

Это правильно работает в this jsFiddle с первым собратом.

Ну, я хочу сделать то же самое со всеми <th>, но я не знаю, сколько <th> в таблице (это динамическая таблица.)

Есть ли способ сделать что-то вроде th:nth-of-type(x)?

Answer 1

Вы можете попробовать JQuery " .on "для динамического ob ject, вам также нужно будет искать текущий th с объектом $ (this) и искать его дочерние td для переключения своего класса на «on».

$(document).ready(function() { 
     $("table.tabla th").on("click", function() { 
      ind = $(this).index()+1; 
      $('td:nth-of-type(' + ind + ')').toggleClass('on'); 
     }); 
    }); 

Answer 2

Попробуйте использовать индекс(), как это:

$("table.tabla th").click(function() { 
    $("table.tabla td:nth-of-type("+($(this).index()+1)+")").toggleClass('on'); 
    return false; 
}); 

jsFiddle example

Answer 3

Это будет работать:

$(document).ready(function() { 
$("table.tabla th").click(function() { 
    var x = parseInt($(this).index()) + 1; 
    $("table.tabla td:nth-of-type(" + x + ")").toggleClass('on'); 
return false; 
}); 
}); 

Демо: http://jsfiddle.net/tymeJV/3HzLf/3/

Answer 4

Я установил это работает, используя index метод th щелкнули элемента идентифицировал по this внутри функции мышей (индекс возврат нулевого значения на основе)

Код:

$("table.tabla th").click(function() { 
    $("table.tabla td:nth-of-type("+($(this).index()+1)+")").toggleClass('on'); 
    return false; 
}); 

Вот a скрипка: http://jsfiddle.net/IrvinDominin/eBzYm/