JQuery内部DIVにCSSを適用する

Question

親divに含まれる内部divにスタイルを適用しようとしています。親divには他のdivも含まれていますが、色を[0] divに適用したいだけです。

$("#parentDiv div")[0].css('background-color', 'red'); 

何らかの理由で「css関数が定義されていません」と表示されます。これは動作するはず

Answer 1

$("#parentDiv div")[0] // returns a regular DOM object, NOT jquery extended 

あなたは試してみてください：

$("#parentDiv div").eq(0).css('background-color', 'red'); 

が、:firstセレクタが動作するはずです。

まだ動作しない場合は、メソッドが実行された後にHTMLを確認して、最初の要素が本当にあなたが思っているものかどうかを確認してください。

Answer 2

$("#parentDiv div:first").css(background-color, 'red'); 

Answer 3

あなたは、「最初の子」セレクタを使用することはできませんか？

例： $（ "＃parentDiv div：first-child"）。css（ 'background-color'、 'red'）;

Answer 4

これを行うにはjQueryの方法は次のとおりです。[0]よう

$('#parentDiv div').eq(0).css({backgroundColor: 'red'}); 

.eq(0)が、あなたのjQueryオブジェクトを提供します。 JQueryのeq() docsはそのほとんどを説明しています（なぜ「eq」なのか、「at」のようなより賢明なものを除いて）。

Answer 5

時々、私は他のCSS構文を使用してより良い運があります。 （あなたが複数のスタイルを追加しようとしている場合はそれも良いでしょう）あなたはこれを試すことができます：あなたが最初以外のいくつかのdivにスタイル（複数可）を添付する必要がある場合

$('#parentDiv div:first').css({backgroundColor:'red'}); 

あなたはまた、（nthChildやEQセレクターを試すことができますただnthChildは覚えONEベース、ではない）... ZEROベース：私はこのようなエラーに遭遇し、本当に間違って起こっていたかを把握することができませんでしたしました

$('#parentDiv div:nthChild(1)').css({backgroundColor:'red'}); 
// or 
$('#parentDiv div:eq(0)').css({backgroundColor:'red'}); 

Answer 6

。 DOMオブジェクトとjQueryオブジェクトを返す関数と関係があります。最後に

私が働いており、このような何かをしましたが、私はそれはそれを行うための最善の方法だか分からない：

var divID = $("#parentDiv").children("div").attr("id"); 
$("#"+divID).css('background-color', 'red');