Replace div using JQuery ajax, not replace contents

Question

Here's an example doc structure

<div>
    <div id="1" class="to-replace"></div>
    <div id="2" class="to-replace"></div>
    <div id="3" class="to-replace"></div>
</div>

What I want to do is replace #1, for example, with whatever I retrieve from the ajax call (I'm not using JSON because the request is extremely small and it didn't seem worth it. Plus, the site is mostly for my personal use). I know I can use JQuery .load() to replace the contents, but there must be some easy way to replace the whole thing.

Are you coding in HTML5? If you aren't, your id attributes are invalid. They must not begin with a number. — Jeff Noel
– Jeff Noel, Commented Jun 26, 2013 at 14:21
@Ghillied I'm not, but it was just an example. I didn't actually name them 1, 2, 3. Thanks though. — sinθ
– sinθ, Commented Jun 26, 2013 at 14:26

Eric Beaulieu · Accepted Answer · 2013-06-26 14:13:35Z

5

You can use the replaceWith jquery function to replace an element:

    $("#1").replaceWith("bla");

answered Jun 26, 2013 at 14:13

Eric Beaulieu

1,0647 silver badges11 bronze badges

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

Comments

user1338871 · Accepted Answer · 2013-06-26 14:18:44Z

3

$.get(url,function(data){
   $("#1").replaceWith(data);
});

where url is the url to whatever you want to get and data is the data that is returned

answered Jun 26, 2013 at 14:18

user1338871

1381 gold badge1 silver badge10 bronze badges

Collectives™ on Stack Overflow

Replace div using JQuery ajax, not replace contents

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related