将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移动到“不太可能被调用”。 我一直在尝试这个与表单/提交按钮只是踢，这里是代码为：
<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>
或者是这个效果。 任何帮助都会摇摆
使用.appendTo()
$('#likelyOddA').appendTo('#unlikelyToBeCalled')
如果我明白你想要什么：
$('div[name=test1]').appendTo('#unlikelyToBeCalled');
getElementsByTagName('Test1')不会获得name="Test1"元素，例如，它应该获取所有div （当然，代码为getElementsByTagName('div') ）。 接下来，您已经使用了#likelyOddHeader和其他id两次，但id必须是唯一的。