Question

161

Selecting < p> within a div using jQuery

rated 0 times [ 165] [ 4] / answers: 1 / hits: 42593 / 12 Years ago, mon, june 18, 2012, 12:00:00

I want to select the second <p> tag and style it within a itemize class div. Here is the example 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>

I want to select and style the first <p> which is immediately after the second <div>. The second <p> has no ID or class.

How can I select it via jQuery?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mira

Add To Favorites

Follow

Total Points: 460

Total Questions: 108

Total Answers: 99

Location: American Samoa

Member since Fri, Aug 26, 2022

2 Years ago

mira questions

1 Nodemon: app crashed waiting for file changes before starting... on Windows

Mon, Apr 4, 22, 00:00, 2 Years ago

1 Unhandled promise rejection: ReferenceError Can't find variable

Mon, Feb 14, 22, 00:00, 2 Years ago

1 momentjs datetime format on frontend with angular

Wed, Feb 9, 22, 00:00, 2 Years ago

1 How to check if element exists in DOM in Cypress?

Sun, Mar 28, 21, 00:00, 3 Years ago

1 How do I get the IP of a user in Nuxt's asyncData method?

Sat, Aug 3, 19, 00:00, 5 Years ago

View All

answered 12 Years ago iyannae · Accepted Answer

You can do this way:

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

.itemize > div goes till:

<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>

The > allows to target direct children whereas eq(index) is used to get first p that you want.