2011-12-21 4 views
1

可能性の重複:
How to select first row of the first table in an html page using jQuery?htmlページの最初のテーブルの最初の行を選択し、jQueryを使用して強調表示する方法は?

私は(彼らの「ID」属性を持たない)私のHTMLページに複数のテーブルを持っている場合と仮定し、ので、どのように私は、最初のテーブルの最初の行を選択することができますまたは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); 

構文エラーがあります。任意のテーブル1行目の

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

:最初のテーブル1行目の

+0

そのようなものは重複していませんが、私の要件はそれ以上のものだと思います。 –

+0

'.css()'を追加するのは本当に難しいことではありませんか? – fyr

+0

私の場合ではないが動作していない..だから私はここで別に求めている、私はないだろう。 –

答えて

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

+1

@Interrobang彼はそれを正しく分ける唯一の方法だからそれを分けた。 – fyr

+1

@fyr:Javascriptを使って直接CSSプロパティを追加する電車の解答を見るのに十分な長さになったと確信している:P – Interrobang

0

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