alternative replaceWith() jquery without losing second element

Question

example

<script type="text/javascript">
$(document).ready(function () {
    $("#exp1").replaceWith($("#exp2"));
});
</script>


<div class="exp1">example 1</div>
<div class="exp2">example 2</div>

when I use that code, I lost exp2 ( mean example 2 not showing ), only display example 1 which has been replace with example 2.. how do I not lose and just replace exp1 with exp2, and displays the result as below

<div class="exp2">example 2</div>
<div class="exp2">example 2</div>

please help me .. thanks

`$(".exp1").replaceWith(".exp2");` use this. http://jsfiddle.net/buGH8/1/ — Shaunak D, Jun 18 '14 at 08:45
Your code doesn't make sense: there aren't any elements that match the selectors `#exp1` or `exp2`. — JJJ, Jun 18 '14 at 08:45
Still won't replicate the problem: the selectors match ids but the elements have classes. — JJJ, Jun 18 '14 at 08:55
yes Juhana that was my mistake..I have changed it and now it has changed to classes..I have get the answer from @Satpal..thanks all — Sandhi, Jun 18 '14 at 09:08

score 1 · Answer 1 · edited Apr 06 '17 at 12:33

1

You should clone() element then use the replaceWith method. Also you need to use class selector

Use

$(document).ready(function () {
    $(".exp1").replaceWith($(".exp2").clone());
});

Demo on JsFiddle

edited Apr 06 '17 at 12:33

Bibek Lekhak

61
1
7

answered Jun 18 '14 at 08:45

Satpal

132,252
13
159
168

4

You know perfectly well why the answer was first downvoted. Unfortunately the ninja-edits don't leave a mark in the answer history, but the answer kept bouncing between using ids and classes. – JJJ Jun 18 '14 at 08:52
@Juhana But i wonder why did guys downvote the first post, posted by the user balach..? That is perfectly alright.. Isn't..? – Rajaprabhu Aravindasamy Jun 18 '14 at 08:53
@RajaprabhuAravindasamy Can't know for sure, but `[0].outerHTML` is pretty sketchy and isn't exactly the same as `.clone()`. – JJJ Jun 18 '14 at 08:57

alternative replaceWith() jquery without losing second element

1 Answers1