從一個父DIV移動div元素到另一個

因此，讓我們假設我有一組嵌套的div：從一個父DIV移動div元素到另一個

<div id="likelyToBeCalled"> 
    <div id="likelyOddHeader" class="row"> 
     <div id="likelyOddA" class="left" name="test1">Test1</div> 
     <div id="LikelyOddB" class="middle"><img src="image002.png"/></div> 
     <div id="timeZone" class="right">West</div> 
    </div>

，並進一步下跌的一頁：

<div id="unlikelyToBeCalled"> 
    <div id="likelyOddHeader" class="row"> 
     <div id="likelyOddA" class="left">Test2</div> 
     <div id="LikelyOddB" class="middle"><img src="image002.png"/></div> 
     <div id="timeZone" class="right">West</div> 
    </div>

我怎麼會移動的Test1到「unlikelyToBeCalled」。我一直在試圖用這種形式/提交按鈕只是踢，下面是該代碼：

<script type="text/javascript"> 
    function doSubmit() { 
     document.getElementById('unlikelyToBeCalled').appendChild(
      document.getElementsByTagName('Test1') 
     ); 
    } 
</script> 
<br /><br /><br /> 
<form method="POST" action="file:///C:/wamp/www/index.html" id="submitform" name="submitform"> 
    <input type="submit" name="Submit" value="Move divs" onClick="doSubmit()" /> 
</form>

或者其他類似的效果。任何幫助將搖滾

來源

2012-06-05 HunderingThooves

你加了標籤[標籤：jQuery的]但是你的代碼是純JavaScript，你想怎樣回答？ – Wirone

'action =「file：/// C：/wamp/www/index.html」'---這看起來是錯誤的 – zerkms

這裏有幾個其他的StackOverflow答案：[Jquery]：http://stackoverflow.com/問題/ 1279957 /如何將一個元素移動到另一個元素中，[Pure JS]：http://stackoverflow.com/questions/3415480/moving-a-div-element-to-bottom-of -parent-as-last-child – jwatts1980

如果我理解你想要什麼：

$('div[name=test1]').appendTo('#unlikelyToBeCalled');

getElementsByTagName('Test1')不會name="Test1"得到元素，它應該是，例如，讓所有div秒（與代碼當然getElementsByTagName('div')）。接下來，您使用了#likelyOddHeader和其他id兩次，但id必須是唯一的。

來源

2012-06-05 21:57:05 Wirone

使用.appendTo()

$('#likelyOddA').appendTo('#unlikelyToBeCalled')

來源

2012-06-05 21:58:20 Musa

你不必分離它，'appendTo'會自動將它從它以前的位置移除。 –

好吧，我不知道 – Musa

不要忘記prepentTo如果你想插入它的開始而不是結束 –

從一個父DIV移動div元素到另一個

回答

相關問題