Requesting html from a remote document via jQuery .load() method

Question

I am trying to load html content from another page via .load(). For example:

$('#myDiv').load('/myPage.aspx .anotherDiv *');

When I retrieve the content from .anotherDiv it renders the html incorrectly. For example,

<p><strong>text</strong></p>

renders like this

<p></p>
<strong>text</strong>

Some how the "p" element is getting unwrapped then prepends to its original "strong" child element.

Any thoughts?

Note that the first arg of .load is URL which seems to be incorrect in your post. Just a comment. — Selvakumar Arumugam
– Selvakumar Arumugam, Commented May 9, 2012 at 18:30
@Vega He's using a valid overload which allows the implementer to specify a selector on the destination response. — Nathan Taylor
– Nathan Taylor, Commented May 9, 2012 at 18:31
@NathanTaylor Aaww I see, it is there in the documentation.. first time seeing such syntax. — Selvakumar Arumugam
– Selvakumar Arumugam, Commented May 9, 2012 at 18:33

Nathan Taylor · Accepted Answer · 2012-05-09 18:30:37Z

2

I think you need to remove the * from your call to load().

$('#myDiv').load('/myPage.aspx .anotherDiv');

Let us know what happens.

answered May 9, 2012 at 18:30

Nathan Taylor

24.7k20 gold badges102 silver badges158 bronze badges

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

1 Comment

That worked! It includes the .anotherDiv. Is there a way to exclude it without using .unwrap()? I only want the innerHTML of .anotherDiv.