jQuery第一個類型選擇器？

Question

如何使用jQuery選擇以下<div>的第一個<p>元素？

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

Answer 1

假設你已經引用了div ：

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

如果第一個p將始終是div的直接子項，則可以使用children而不是find 。

一些替代品包括：

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

請注意， eq方法始終是執行此操作的最快方法。 以下是eq方法的快速比較結果:eq選擇器和:first選擇器（我沒有打擾第first方法，因為它只是eq(0)的別名）：

Answer 2

$('div p:first')

如果沒有這個無用的句子，答案太短了。

編輯這絕對是一個緩慢的選擇。 在查看Jame的速度測試之后，看起來jQuery選擇器在從css選擇器中退回時效果最佳。

Answer 3

$（“div p”）。first（）;

或$（'div p：first'）;

參考： http ： //api.jquery.com/first/

請記住，first（）只匹配一個元素，：first-child選擇器可以匹配多個：每個父元素一個。

Answer 4

你幾乎知道答案（來自你的帖子標題）。 jQuery中有一個名為:first-of-type的選擇器。 用它來自動查找並添加類到第一個p標簽，如下所示：

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

Answer 5

$('div p').first()

應該管用。 我認為。

Answer 6

這應該工作

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

上面的代碼在@Denver指向的div中找到div中的第一段，並將其fonts-size更改為10px

這是一個例子，它解釋了更多關於jQuery first-of-type選擇器的內容