如何在jQuery中包裝多個元素？

-1

我有這樣

var html="<li><a href="#" class="SC-Title">asdasdasda</a><ul><li id="Li13" class="SC-Root jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins><h3><ins class="jstree-icon">&nbsp;</ins>Medical</h3><li>"

我想在可變這些elemens換到上述HTML中變量一個HTML包裝一些元件

<div class="navbar navbar-inverse"> 
    <div class="navbar-inner"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> 
     <div class="nav-collapse collapse"> 
      <ul class="nav-pills SC-Topmenu nav"> 

      </ul> 
     </div> 
     </div> 
    </div> 

<div id="menu"></div>

在html變量裏應該由這些元素包裹，並追加一條HTML到id =「菜單中的」在div任何一個可以幫助我在這裏

來源

2013-04-12 user2152019

那稱爲追加。 –

[jQuery .append（）]（http://api.jquery.com/append/） – xbonez

首先，您需要正確地轉義javascript中的html字符串。在Javascript中，可以使用轉義字符\在String文字中嵌套雙引號。如果您在字符串中未能跳出雙引號，則該語言會認爲您結束了字符串文字。轉義字符告訴解釋器，雙引號字符是字符串的一部分，不屬於Javascript語法。

例

var quote = "Then she said, \"Always escape double quotes\".";

使用正確轉義HTML字符串，我們可以抓住的jQuery的ul元素的類並調用append()功能，這將在你的字符串表示的HTML元素添加到DOM指定的元素。這將使元素嵌套在上面突出顯示的元素中。

工作實施例http://jsfiddle.net/g4pCv/

var html="<li><a href=\"#\" class=\"SC-Title\">asdasdasda</a><ul><li id=\"Li13\" class=\"SC-Root jstree-last jstree-open\"><ins class=\"jstree-icon\">&nbsp;</ins><h3><ins class=\"jstree-icon\">&nbsp;</ins>Medical</h3><li>"; 

$(".nav-pills").append(html);

來源

2013-04-12 21:04:38

我知道附加我需要將這些元素包裝到該HTML字符串，然後附加到一個div – user2152019

如何在jQuery中包裝多個元素？

回答

相關問題