在tr中分組td標籤

我正在嘗試在tr中設置一組包含td標籤的「容器」，以便更好地使用jquery。基本上我想根據我動態生成的一些數據顯示一定數量的tds，並隱藏其他一組tds。我嘗試過使用tbody，但這似乎不起作用，div和span似乎抱怨說它們不能嵌套在元素tr中。有沒有適當的方法來做到這一點？在tr中分組td標籤

來源

2012-12-20 Chris Westbrook

一個容器？像..桌子？ –

你可以在每個td上使用一個類，並使用該類來控制它們。 –

給他們全班上課？ – Liam

最合適的方法是爲每個「TD」元素指定一個特定的類名稱，稍後可以將其引用爲選擇器。

例子：

<tr> 
    <td>foo</td> 
    <td>foo</td> 
    <td>foo</td> 
    <td class="bar">bar</td> 
    <td class="bar">bar</td> 
    <td class="bar">bar</td> 
    <td>foo</td> 
    <td>foo</td> 
</tr> 

$('td.bar').css({color: 'red'});

demo here

來源

2012-12-20 15:11:31 rlemon

附註：如果OP需要更加具體（即將它們分組在TR中），那麼他需要識別TR容器，無論是使用類，id還是知道它是表/ tbody中的索引。 – rlemon

我顯然是個傻瓜。我知道類選擇器，只是沒有考慮將類分配給多個元素。 GRR。我可以看到我的問題被拒絕了，這是一個愚蠢的問題。無論如何，謝謝你的回答。 –

添加類的「組」，改變取決於TD的在類的可見性。舉例來說，如果你的類「yourClass」添加到你不想有肉眼可見的和設定下面的CSS語句的：.yourClass{ display:none }你不會看到那些TD的

這裏有一個fiddle。

然後，你可以從你的表中用jQuery從類中選擇這些td！

$("td.yourClass");

或者，如果你希望所有那些不有類（逆選擇）你會選擇更改爲$("td:not(.yourClass.)");返回所有TD的那些不有yourClass類。

來源

2012-12-20 15:11:35

在tr中分組td標籤

回答

相關問題