2011-12-21 55 views
1

可能重複:
How to select first row of the first table in an html page using jQuery?如何在html頁面中選擇第一個表格的第一行,並使用jQuery將其突出顯示?

想,如果我有我的HTML頁面的多個表(沒有他們的「id」屬性),所以我怎麼能選擇第一個表格的第一行或使用jQuery選擇器的任何特定表?之後我可以使用任何顏色突出顯示它。實際上,我想通過後面的代碼來完成它。我曾嘗試過,但我運氣不好。我的代碼是:

ScriptManager.RegisterStartupScript(
    this, 
    this.GetType(), 
    "alert", 
    "<script language='javascript'>alert('hi'); 
     $('table:tableOne').children('tr:first').css('background-color', '#ffdc87'); 
     alert('end');</script>", 
    false); 

因爲它顯示有任何語法錯誤。

+0

它不重複它的類似,但我認爲我的要求是比這更多。 – 2011-12-21 07:36:46

+0

加入'.css()'是不是真的是一個挑戰呢? – fyr 2011-12-21 07:37:34

+0

不,但在我的情況下,它不工作..所以我在這裏問,否則,我不會先生。 – 2011-12-21 07:39:15

回答

2

這將定義一個類「亮點」有背景的黃色,然後選擇第一個的第一表排,並給它一個「突出」類。

<style type="text/css"> 
    tr.highlight td { background-color:#ff0; } 
</style> 
<script type="text/javascript"> 
    $('table:eq(0) > tr:eq(0)').addClass('highlight'); 
</script> 
+1

用於從jQuery中分離CSS值的+1,使用'.css()'是icky。 – Interrobang 2011-12-21 07:48:58

+1

@Interrobang他分離它,因爲這是正確做到這一點的唯一方法 – fyr 2011-12-21 07:52:14

+1

@fyr:我相信你已經在這裏足夠長的時間來看到直接使用JavaScript添加CSS屬性的trainwreck答案:P – Interrobang 2011-12-21 07:53:45

0

的第一個表的第一行:

$('table:first').children('tr:first').css('background-color', '#ffdc87'); 

任何表的第一行:

$('table').each(function(){ 
$(this).children('tr:first').css('background-color', '#ffdc87'); 
}); 
相關問題