从一个父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元素到另一个

回答

相关问题