jquery - jQuery 中的第 N 个类型通配符？

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 中正常工作与第一个 sibling 。

好吧，我想对所有 <th> 做同样的事情，但我不知道有多少<th>在表中(这是一个动态表。)

有没有办法制作类似 th:nth-of-type(x) 的东西？

Answer 1

您可以尝试对动态对象使用 jQuery“.on”方法，您还需要使用 $(this) 对象查找当前 th 并查找其子 td 以将其类切换为“on”。

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