6

所以让我们假设我有一组嵌套的 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>

或者类似的东西。任何帮助都会动摇

4

2 回答 2

9

利用.appendTo()

$('#likelyOddA').appendTo('#unlikelyToBeCalled')
于 2012-06-05T21:58:20.377 回答
5

如果我明白你想要什么：

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

getElementsByTagName('Test1')不会得到带有 s 的元素name="Test1"，例如，它应该得到所有div的 s （getElementsByTagName('div')当然有代码）。接下来，你已经使用了#likelyOddHeaderand otherid两次，但id必须是唯一的。

于 2012-06-05T21:57:05.883 回答