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>

我想选择并设置第二个<p>之后的第一个<div>。第二个<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选择器，请查看此tutorial以获取更多信息。

使用jQuery在div中选择<p> </p>

7 个答案: