如何改进这个jQuery语句?

如何改进这个jQuery语句?,jquery,Jquery,有没有更好的方法来写这个: $('.kog td:nth-child(8), .kog th:nth-child(8)').show(); 我正在重复类选择器。您可以使用 $('.kog').find('td,th').filter(':nth-child(8)').show(); 你会注意到它并不更简洁,但它可能更能显示你的意图。你可以使用 $('.kog').find('td,th').filter(':nth-child(8)').show(); 您会注意到它并不更简洁,但它可能更好

有没有更好的方法来写这个:

$('.kog td:nth-child(8), .kog th:nth-child(8)').show();
我正在重复类选择器。

您可以使用

$('.kog').find('td,th').filter(':nth-child(8)').show();
你会注意到它并不更简洁,但它可能更能显示你的意图。

你可以使用

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

您会注意到它并不更简洁,但它可能更好地显示了您的意图。

您可以缓存变量并在其中找到所需内容。我个人会使用一个类来设置可见性

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

$kog.find( 'td:nth-child(8), th:nth-child(8)' ).addClass( 'is-visible' );
因此,您将拥有如下CSS类:

.is-visible { display: block; }

您可能必须将规则指定为!如果它与您正在进行的任何其他操作发生冲突,则这一点非常重要。

您可以缓存该变量并在其中找到所需内容。我个人会使用一个类来设置可见性

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

$kog.find( 'td:nth-child(8), th:nth-child(8)' ).addClass( 'is-visible' );
因此,您将拥有如下CSS类:

.is-visible { display: block; }

您可能必须将规则指定为!重要的是,如果它与您正在进行的任何其他操作发生冲突。

如果没有看到您的HTML或不知道您的用例,很难说

.kod
是否要返回多个表?如果是这样,你可能会展示一些你可能不想展示的东西。如果有两个
.kod
表,每个表有6个TD,那么您将在第二个表中显示内容。您的TH选择器也是如此

这似乎是一件相当奇怪的事情;这是一个只有一个标题和一个正文行的长表吗?如果是这样的话,那么我想您所做的是有意义的,您可以通过这样做来避免重复类选择器:

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

这里的例子:

在没有看到HTML或不知道用例的情况下,很难说

.kod
是否要返回多个表?如果是这样,你可能会展示一些你可能不想展示的东西。如果有两个
.kod
表,每个表有6个TD,那么您将在第二个表中显示内容。您的TH选择器也是如此

这似乎是一件相当奇怪的事情;这是一个只有一个标题和一个正文行的长表吗?如果是这样的话,那么我想您所做的是有意义的,您可以通过这样做来避免重复类选择器:

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