[英]Move div element from one parent div to another
所以我们假设我有一组嵌套的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
必须是唯一的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.