jQuery高亮顯示錶格行除了第一行之外

$('table tr').mouseover(function() { 
    $(this).addClass('hovered'); 
}).mouseout(function() { 
    $(this).removeClass('hovered'); 
});

以下代碼讓我可以輕鬆地突出顯示mouseover上的每個表格行 - 但是，我不想突出顯示第一行。jQuery高亮顯示錶格行除了第一行之外

任何想法如何實現這一目標？

來源

2013-07-23 Homer_J

謝謝大家如此美妙，快速和有效的迴應。讚賞。 –

如果第一行是表格標題，那麼您應該將其包裝在['']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead）標記中並使用而不是['table tbody tr']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody）選擇器。 – Blazemonger

試試這個 -

$('table tr:not(:first)').mouseover(function() { 
    $(this).addClass('hovered'); 
}).mouseout(function() { 
    $(this).removeClass('hovered'); 
});

或者你可以使用gt

$('table tr:gt(0)')

來源

2013-07-23 17:29:05

完美！ - 這很容易！ –

@Homer_J您想將此標記爲正確答案？ :) – Toiletduck

你必須等待15分鐘。 – william44isme

$('table tr:gt(0)').mouseover(function() { 
    $(this).addClass('hovered'); 
}).mouseout(function() { 
    $(this).removeClass('hovered'); 
});

如果你不喜歡看它，在:gt()修改代表greater than其中數字內parans是元素的零基索引（來自選擇器返回的元素集合，在本例中爲table tr）。而:lt()爲less than,:eq()等於，而:even和:odd是不言自明的。

來源

2013-07-23 17:29:46 DevlshOne

再次，完美，謝謝。 –

jQuery高亮顯示錶格行除了第一行之外

回答

相關問題