如何使用jquery克隆html內容？

我有以下HTML內容：如何使用jquery克隆html內容？

<div data-test='sectionA'> 
    <input type="text" /> 
    <strong>sfdsfds</strong> 
    <p>dffdfdsf</p> 
</div>

我需要克隆只能從上面的html內容的strong和p元素。這裏是我的嘗試：

首先，我需要確定的部分：

if($("div").data("test") == "sectionA") 
{ 
    $(this).children().not("input").each(function() 
    { 
      alert($(this).html().clone()); 
      /* firefox says clone is not a function 
       and I'm not getting <strong>dfadfa</strong> 
       or the <p>sfdasdfsd</p> clone copy */ 

     }); 
}

來源

2013-02-10 Yetimwork Beyene

，但我認爲'的.html（）'返回一個字符串。你只能克隆HTML元素，而不是字符串。嘗試刪除 – Oriol 2013-02-10 20:43:59

'html'函數返回字符串而不是節點/對象，所以你沒有什麼可以克隆的。 – 2013-02-10 20:44:22

克隆副本應該是評論的一部分 – 2013-02-10 20:44:50

var $div = $("div[data-test=sectionA]"); 
var $strong = $('strong', $div).clone(); 
var $p = $('p', $div).clone();

我不習慣jQuery的

來源

2013-02-10 20:45:26 pwolaq

如何使用jquery克隆html內容？

回答

相關問題