使用jQuery选择在div标签内的标签

Question

使用jQuery选择在div标签内的标签

9

我希望选中第二个标签，并在itemize类别的

中添加样式。以下是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> 后面紧接着的第一个 。第二个  没有ID或类名。

我应该如何使用jQuery来选择它？

- Mossawir Ahmed

谢谢，这个可以用了，但我现在有另一个问题.. :S。基本上结构是一样的，但js文件在选择某些内容之前会包含另一个P，然后它会变成 Packages 。我该怎么做。就像第一个p从js select your order 来，当我选择某些内容时，它通过jquery更改为Packages: 。如何向第二个出现的P添加类？ - Mossawir Ahmed

将来请花更多时间编写或格式化您的帖子。可以在此处找到格式化帮助：http://stackoverflow.com/editing-help - Matt

7个回答

8

您可以这样做：

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

.itemize > div的作用是：

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

And

.itemize > div > p:eq(0)

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

>符号用于选择直接子元素，而eq(index)用于获取你想要的第一个p标签。

- Sarfraz

6

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

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

- Arvind Bhardwaj

2

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

- abuduba

2

这应该能解决问题。

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

- maček

2

你可以尝试这样做...

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

希望它能正常工作。

- Wahid4sap

1

$('.itemize>div>p').first().css(样式在这里) 上面大部分的都可以工作

jQuery选择器的工作方式有点像CSS选择器，查看这个tutorial以获取更多信息。

- jakee

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- VibhaJ · Accepted Answer

15

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

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

如果您想向该p标签添加类：

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

- VibhaJ

1

链接不是答案。至少在回答中复制你的JS代码行。来自meta：如果链接失效，仅有链接的答案可能会对人们造成积极的伤害。即使在那些看起来将永远存在的网站上，链接也会失效。感谢更新。 :) - Fabrício Matté

谢谢，这个可以用，但我现在有另一个问题.. :S。基本上结构是一样的，但JS文件在选择某些内容后会在它之前包含另一个P，然后变成 Packages。我该怎么做呢？就像第一个P来自JS select your order，当我选择某些东西时，它通过jQuery更改为Packages: 。 - Mossawir Ahmed

你只想将类添加到第一个p标签吗？如果是的话，我在这里更新了代码。http://jsfiddle.net/QJTYx/4/ - VibhaJ

使用jQuery选择在div标签内的<p>标签