選擇中 <p> 在div中使用jQuery

Question

我想選擇第二個<p>標簽，並在itemize類div中設置其樣式。 這是示例HTML：

<div class="itemize">
    <p> Order Summery</p>
    <div>
        <p><strong>Packages:</strong> </p> <!-- i want to select this P tag-->
        <p><strong>Date:</strong> </p>
        <p><strong>Style:</strong> </p>
    </div>
</div>

我想選擇第二個<div>之后的第一個<p>並設置樣式。 第二個<p>沒有ID或類。

如何通過jQuery選擇它？

Answer 1

$('.itemize div p:first').html()

檢查此鏈接： http : //jsfiddle.net/QJTYx/

如果要將類添加到該p標簽：

$('.itemize div p:first').addClass('selected');

Answer 2

您可以這樣做：

$('.itemize > div > p:eq(0)')

.itemize > div直到：

<div class="itemize">
    <p> Order Summery</p>
</div>

和

.itemize > div > p:eq(0)

<div class="itemize">
    <p> Order Summery</p>
    <div>
        <p><strong>Packages:</strong> </p>
    </div>
</div>

>允許定位直接子級，而eq(index)用於獲得所需的第一個p 。

Answer 3

var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

在這里嘗試： http : //jsfiddle.net/arvind07/H8vwA/

Answer 4

$('.itemize>div>p:first').addClass('someClass');

Answer 5

這應該可以解決問題

$('.itemize div p').first().addClass('hello');

Answer 6

你可以試試看

$(".itemize div p:first").text();

希望它能工作..

Answer 7

$('.itemize>div>p').first().css(styles go here)上面的大多數方法也可以工作

jQuery選擇器的工作原理類似於CSS選擇器，請查看本教程以獲取更多信息。