Home/ Questions/Q 4021214
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T10:19:27+00:00

hello all i`m good php developer not learn js yet….. my problem is i

  • 0

hello all i`m good php developer not learn js yet….. my problem is
i have div

<div id="test1">

</div>
<a href="">add div</a>

i want when click in add div link, dublicte div and change number in id to be test2 , test3, unlimited
like the example 

<div id="test1">

</div>
<div id="test2">

</div>
<div id="test3">

</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you use jQuery this can easily be accomplished with the following:

    <html>
<head>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>

  <script type='text/javascript'>
    $(document).ready(function(){
      $('#div-creator').click(function(){
       var numberOfDivs = $('.testClass').length;
       $('<div id="test' + numberOfDivs + '" class="testClass">hi</div>').appendTo('body');
      });
    });
  </script>

</head>
<body>
  <div id="test1" class="testClass"></div>
  <a href="javascript:void(0);" id="div-creator">Add Div</a> 
</body>
</html>

    Demo can be found here: http://jsfiddle.net/4eDkJ/1/

    • 0