如何改进这个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();
示例如下: