2010-12-14 3 views
5

hmm ok Heres le code raccourcijquery: dupliquer et coller html

<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> 

je veux utiliser jquery pour dupliquer ce qui est dans la première ul dans le premier li dans le #menu il ressemble à ce

<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> 

de sorte que le produit fini sera une liste de niveau 2 ... laissez-moi savoir si cela est le sens Makin lol

+0

Je sais qu'il ya .clone(). AppendTo() mais j'ai de jouer avec pendant 2 heures comme – Alex

Répondre

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

C'est mieux que '.html()' puisque le html n'a plus besoin d'être analysé ... –

+0

gentil :) Je regardais ça en essayant de comprendre quelle était la différence termes d'interprétation/rendu du navigateur. –

0

peut-être quelque chose comme ça ...

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

Lemme lui donner un aller – Alex

+0

oups, essayez maintenant. – jordanstephens

+0

hmm ça ne marche pas – Alex

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

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

ajoutera le content à la fin de tous les innerHTML de $('#hov').

c'est-à-dire après le <a href="#">Top Link</a>.

espoir qui aide :)

Questions connexes