jquery: duplicate and paste html

Question

hmm ok heres the shortened code

 <div id="SideCategoryList">
        <div class="BlockContent">
           <ul>
              <li><a href="#">Link A</a></li>
              <li><a href="#">Link B</a></li>
          </ul>
       </div>
     </div>
    <div id="navcont">
    <ul class="menu" id="menu">
      <li id="hov"><a href="#">Top Link</a></li>
      <li><a href="#">Bottom Link</a></li>
    </ul>
   </div>

i want to use jquery to duplicate whats in the first ul into the first li in the #menu so it looks like this

<div id="SideCategoryList">
        <div class="BlockContent">
           <ul>
              <li><a href="#">Link A</a></li>
              <li><a href="#">Link B</a></li>
          </ul>
       </div>
     </div>
    <div id="navcont">
      <ul class="menu" id="menu">
         <li id="hov"><a href="#">Top Link</a>
            <ul>
               <li><a href="#">Link A</a></li>
               <li><a href="#">Link B</a></li>
            </ul>
        </li>
        <li><a href="#">Bottom Link</a></li>
      </ul>
   </div>

so the finished product will be a 2 level list... let me know if this is makin sense lol

i know there is .clone().appendTo() but i've been messing with it for like 2 hours — Alex
– Alex, Commented Dec 14, 2010 at 22:30

Emmett · Accepted Answer · 2010-12-14 22:48:00Z

3

$("#hov").append($(".BlockContent ul").clone());

answered Dec 14, 2010 at 22:48

Emmett

14.4k12 gold badges58 silver badges82 bronze badges

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

1 Comment

Damien-Wright Over a year ago

nice one :) I was looking at it trying to figure out what the difference was in terms of browser interpretation/rendering.

Damien-Wright · Accepted Answer · 2010-12-14 22:54:31Z

1

var content = $('#BlockContent').html();

$('#hov').append(content);

will append the content at the end of all the innerhtml of $('#hov').

ie after the <a href="#">Top Link</a>.

hope that helps :)

edited Dec 14, 2010 at 22:54

answered Dec 14, 2010 at 22:49

Damien-Wright

7,5844 gold badges30 silver badges23 bronze badges

Comments

bimbom22 · Accepted Answer · 2010-12-14 22:32:41Z

0

maybe something like this...

var copied_html = $('#BlockContent').html();
copied_html.insertAfter($('#menu li#hov a'));

answered Dec 14, 2010 at 22:32

bimbom22

4,5102 gold badges35 silver badges46 bronze badges

Collectives™ on Stack Overflow

jquery: duplicate and paste html

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related