JQuery Selector Help needed

[Srikkanth Mohanasundaram]

Hello all,

I have a HTML snippet which looks like this.

   
<p class="title">Title 1</p>
<div> Some Text </div>
<table>...</table>
<p>Some Text </p>
<p class="title">Title 2</p>
<table>..<table>
<p>...
<p class="title">Title 3</p>

I need to form a selector which selects all the elements starting

  <p class="title">Title 1</p>  

until

  <p class="title">Title 2</p>  

. Can someone help me on this?

Thanks,
Srikkanth

[Bear Bibeault]

You can't. There is no way to select a range of elements in that way -- at least not with a single selector. You'll either need to specify multiple selectors for each individual element, or re-arrange the HTML to suit your selection needs.

I always prefer the latter. Structure the HTML intelligently, and the selectors become easy.

[Srikkanth Mohanasundaram]

Thanks for the quick response.
This HTML is generated by a third party . Probably I need to group the tags together (using java string manipulation or something). I was hoping that this could be achieved using some combination of selectors.

Thanks,
Srikkanth

[Bear Bibeault]

Srikkanth Mohanasundaram wrote:I was hoping that this could be achieved using some combination of selectors.

It can. That was one of the approaches I said could work.

[Srikkanth Mohanasundaram]

Let us say i group the tags following the title paragraph (p with class name title), like this

<p class="title">Title 1</p>
<div>
<div> Some Text </div>
<table>...</table>
<p>Some Text </p>
</div>
<p class="title">Title 2</p>
<div>
<table>..<table>
<p>...
</div>
<p class="title">Title 3</p>

Now, how should i form a selector to fetch the div followed by the title paragraph ? I guess something like this
$(".title + div"), but i also need to check the innerText of the title paragraph (I would want to select Title 1,Title 2 so on..).

Thanks for your help,
Srikkanth

[Eric Pascarello]

documentation is helpful

http://docs.jquery.com/Selectors/contains

Eric

[Srikkanth Mohanasundaram]

Thanks for the pointer Eric.

  $(".title:contains('Title 1')+ div")  

This was the selector i was looking for . JQuery is simply awesome (Just a single line!!).Thanks for your suggestions Bear.

Thanks for your help,
Srikkanth