jQuery get html content INSIDE div

Question

I am loading content from a url div using jQuery load(). At the moment my code looks like this:

$('#content-slider').load(pageurl + '?rel=tab  #content-slider');

This basically goes to 'pageurl' and obtains #content-slider and loads it into the #content-slider on the current page.

The problem is I'm ending up with a div within a div with the same id:

<div id="content-slider">
    <div id="content-slider">
    </div>
</div>

How can I obtain the html content INSIDE the div but not the div tags.

UPDATE: Apologies if the question is not clear but for those that keep commenting that I shouldn't have duplicate ID... I know! The question is how to overcome this.

IDs are Identifiers. Identifiers are unique so it's not good to use one identifier a second time — idmean
– idmean, Commented Mar 16, 2013 at 9:46
You could have use specific class names for your selector rather than IDs. Remember that elements can have more than one class. — Joe Johnston
– Joe Johnston, Commented May 7, 2013 at 14:01

T.J. Crowder · Accepted Answer · 2013-03-16 09:41:05Z

5

You can tell load to get the child nodes of the content slider rather than the slider itself:

$('#content-slider').load(pageurl + '?rel=tab  #content-slider > *');

Live Example | Source

answered Mar 16, 2013 at 9:41

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

loxxy · Accepted Answer · 2013-03-16 09:50:04Z

0

Alternatively to T.J's answer you could also use .parent

 $("#content-slider").parent().load(pageurl + '?rel=tab  #content-slider');

Updated Example | Source

answered Mar 16, 2013 at 9:50

loxxy

13.2k2 gold badges28 silver badges57 bronze badges

Collectives™ on Stack Overflow

jQuery get html content INSIDE div

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related