2011-11-05 60 views
-2

我有兩個div後,第一個是隱藏的,第二個是可見:插入的div之前和元素使用Javascript或Jquery的

<div id="first" style="display:none;"> 
    //First 
</div> 

<div id="second"> 
    <button onclick="javascript:show()" > Copy </button> 
</div> 

我想之前和之後添加的第一個div副本第二個div當用戶點擊複製按鈕。

+0

你能提供更多的信息嗎?也許向我們展示最初的標記應該是什麼,以及由此產生的標記應該是什麼?請注意,克隆第一個'DIV'會導致多個元素具有相同的'Id'。 – Sampson

+0

看我有兩個div,一個div是隱藏的,另一個是可見的。在可見的div中,我有一個按鈕,我希望當用戶點擊該按鈕時,javascript函數將複製隱藏的div並粘貼到可見div前後。希望你得到它 –

+3

這種snippy態度讓你無處可去。 – Sparky

回答

1
function show(){ 
    var a = '<div class="firstCopy">' + $('#first').html() + '</div>' 
    $('#second').before(a) 
    $('#second').after(a) 
} 

這應該是它;)

+0

它完成。感謝您的幫助 –

+1

如果完成,請將其答案設置爲已批准。 – Shedokan

+0

是的,請批准! – MrRap

2

你應該上的按鈕刪除onclick,並添加

$("button").click(function(e) { 
    $("#second").before($("#first").clone(true,true).attr("id", "firstBeforeCopy").show()); // clone first before second 
    $("#second").after($("#first").clone(true,true).attr("id", "firstAfterCopy").show()); // clone first after second 
}); 

clone(true, true)這也是克隆的已綁定的事件

+0

你會有3個div,使用相同的id ... – MrRap

+0

現在改變它的好處 –

+0

重寫你的「旁註」,'attr'的'prop'被固定在jQuery 1.6中。 – Sparky

0

意志的東西這個工作給你?

$('#second').before($('#first').clone()); 
$('#second').after($('#first').clone()); 
相關問題