jQueryの最初の型セレクタ？

Question

jQueryで最初に<p>要素を選択するには、<div>？最初pは常にdivの直接の子になる場合

$(yourDiv).find("p").eq(0); 

、あなたがchildren代わりのfind使用することができます：あなたと仮定すると

<div> 
    <h1>heading</h1> 
    <p>How do I select this element with jQuery?</p> 
    <p>Another paragraph</p> 
</div> 

Answer 1

はすでにdivへの参照を持っています。

いくつかの選択肢が含まれます：eq方法は、常にこれを行うための最速の方法となること

$(yourDiv).find("p:eq(0)"); //Slower than the `.eq` method 
$(yourDiv).find("p:first"); 
$(yourDiv).find("p").first() //Just an alias for `.eq(0)` 

注意を。

Answer 2

$('div p:first') 

答えはあまりにもだった：ここeq方法、:eqセレクタのquick comparisonと:firstセレクタ（それはeq(0)の単なる別名なので、私はfirst方法を気にしませんでした）の結果ですこの無駄な文章なしで投稿するのが短くなります。

これは間違いなく低速のオプションです。 Jameのスピードテストを見た後、jQueryセレクタはCSSセレクタをピギーバックすると最も効果的です。

Answer 3

$('div p').first() 

おもう。

Answer 4

$（ "div p"）。first（）;

または$（ 'div p：first'）;

参考：http://api.jquery.com/first/

最初の（）は、単一の要素にマッチすることに注意してください、：第一子のセレクタは、複数を一致させることができます：それぞれの親のための1。

Answer 5

ほとんどの回答は（あなたの投稿のタイトルから）知っています。 jQueryに:first-of-typeというセレクタがあります。そのように、見つけると自動的に最初のpタグにクラスを追加するためにそれを使用します。

$("div p:first-of-type").addClass('someClass'); 

Answer 6

これは@Denverは指摘しており、変更として上記のコードはdivの中で最初の段落を見つけ

$("div p:first-of-type").css("font-size: 10px"); 

動作するはずですそのfonts-sizeここ

10pxにはさらにおよそjQuery first-of-type selector