Target DOM elements in jquery [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Closed 8 years ago.

• This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
• Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist

Improve this question

I have the following html

<ul id="some_nav">
   <p>Tester</p>
</ul>
<div class="packs"></div>

<ul id="some_nav">
    <p>Jones</p>
</ul>
<div class="packs"></div>

<ul id="some_nav">
    <p>Trey</p>
</ul>
<div class="packs"></div>

I was wondering how I could target the class .packs that comes after the <p>Jones</p>

Answer 1

You should arrange your DOM structure but here you go:

$("p:contains('Jones')").parent().next();

First this selects all p elements that have the text Jones, then it goes up to its parent and then select the next sibling of each result.

Working demo

Reference

http://api.jquery.com/contains-selector/

http://api.jquery.com/parent/

http://api.jquery.com/next/