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')は要素を取得しませんname="Test1"。たとえば、すべてdivの s を取得することになっています (もちろんコードgetElementsByTagName('div')を使用)。次に、#likelyOddHeaderand other をid2 回使用しましたが、id一意でなければなりません。

于 2012-06-05T21:57:05.883 に答える