我该如何改进这个jQuery语句？

Question

有没有写这个更好的方法：

$('.kog td:nth-child(8), .kog th:nth-child(8)').show(); 

我重复类选择。

Answer 1

你可以使用

$('.kog').find('td,th').filter(':nth-child(8)').show(); 

你会发现它是不是更简洁，但它可能会更好，显示你的意图。

Answer 2

您可以缓存该变量并在其中找到想要的内容。我亲自使用课堂来设置可见性。

var $kog = $('.kog'); 

$kog.find('td:nth-child(8), th:nth-child(8)').addClass('is-visible'); 

，那么你将有一个CSS类是这样的：

.is-visible { display: block; } 

您可能需要指定该规则同样重要，如果它与其他任何你要去的冲突！

Answer 3

没有看到您的HTML或知道您的用例，这很难说。

是.kod要返回多个表吗？如果是这样，你可能会展示你可能不打算展示的东西。如果有两个.kod表，并且它们每个都有6个TD，则您将在第二个表中显示相关内容。同上你的TH选择器。

这似乎是一个相当奇怪的选择器/要做的事情;这是一张只有一个标题和一个正文行的单一长表吗？如果是这样，那么我想你在做什么是有道理的，你可以避免这样重复类选择：

jQuery('.kod').find("td:nth-child(8), th:nth-child(8)").show(); 

这里举例：http://jsfiddle.net/n2dGm/