Appending an object more than once using jQuery

Question

I have tried to write a very simple code of jquery to append an element. Here is an example code -

<script type="text/javascript">
var v=$("strong");
  $(document).ready(function(){
            $("button").click(function(){

                    $(".c1").append($ (v) );

            });
        });
</script>

What happens here, the content of <div class="c1"> appears just once with multiple click. Instead of jQuery object, if I put html content then it appears as many as I click the button. I want to do the same thing with Object.

I started learning jQuery just today. So any sort of suggestion will be helpful.

Josiah Ruddell · Accepted Answer · 2010-11-23 21:57:02Z

5

change this line:

$(".c1").append(v.clone());

If you want it to append the same node multiple times you need to either dynamically create that node, or clone the existing one.

edited Nov 23, 2010 at 21:57

answered Nov 23, 2010 at 21:07

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

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

2 Comments

Pow Over a year ago

I'm afraid that loop is not working here. For example - $("button").click(function(){ for(x=1;x<=3;x++){ $(".c1").append($(".testDiv").clone()); } }); ----------- here the div should appear 3 times. Instead, it's appearing 7 times. Any suggestion please?

Josiah Ruddell Over a year ago

because you are using $().clone() it will get all class="testDiv" on the page. If you want it to only use the ones that are there when the page loads make a variable, and myVariable.clone()

Collectives™ on Stack Overflow

Appending an object more than once using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related