我該如何改進這個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/