9

我想选择第二个<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 选择它？

4

7 回答 7

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

检查此链接：http: //jsfiddle.net/QJTYx/

如果要向该 p 标签添加类：

$('.itemize div p:first').addClass('selected');
于 2012-06-18T06:43:23.307 回答
7

你可以这样做：

$('.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您想要的。

于 2012-06-18T06:43:15.837 回答
6 
var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

在这里试试：http: //jsfiddle.net/arvind07/H8vwA/

于 2012-06-18T06:42:32.297 回答
2 
$('.itemize>div>p:first').addClass('someClass');
于 2012-06-18T06:41:55.700 回答
2

这应该可以解决问题

$('.itemize div p').first().addClass('hello');
于 2012-06-18T06:42:58.427 回答
2

你可以试试这个。。

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

希望它会工作..

于 2012-06-18T06:46:39.127 回答
1

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

jQuery 选择器的工作方式有点像 css 选择器，请查看本教程以获取更多信息。

于 2012-06-18T06:45:13.370 回答