追加一個div到一個新的div

我使用IPB，我打算把每個類別到一個新的選項卡中的類別DIV是這樣的：追加一個div到一個新的div

<div id='category_100'> 
<div id='category_104'> 
<div id='category_102'> 
<div id='category_101'>

和我的標籤內容是這樣的：

<div class="content"> 
        <div id="content-1" class="content-1"> 

        </div> 
</div>

和類別div已經顯示，但我希望它被移動到內容-1 div沒有重複，所以我想它從它的div轉移到這個div與jjava腳本如何？

<script> 
    document.getElementById('content-1').appendChild(
    document.getElementById('category_100') 
); 
</script>

這個工作對我來說，但我怎麼可以添加多個id更多category_100

我希望它是這樣一個腳本代碼，所以我不會repeart的紙條碼四次：

<div class="content"> 
        <div id="content-1" class="content-1"> 
         <div id='category_100'> 
<div id='category_104'> 
<div id='category_102'> 
<div id='category_101'> 
        </div> 
</div>

使用我的兩行建議的東西在這裏不起作用！

來源

2013-07-21 Abdallah Abdalaziz

當你追加已經在存在的元素文件，該元素不復制，它只是移動（替換）他們... – Givi

[小提琴]（http://jsfiddle.net/GKDev/YeU7r/）如果我正確地理解你，這是你需要的... – Givi

這工作，但我怎麼能添加更多的一個ID到類別100 –

試試這個代碼：

$('div[id^="category_"]').appendTo('#content-1')

看一看這個小提琴：「用我的兩行建議的東西在這裏是行不通的」 http://jsfiddle.net/lulu3030/sjEPx/2/

來源

2013-07-21 16:25:30

我只是將它粘貼這樣我應該什麼加？例如腳本或什麼？ –

我會做一個小提琴。 –

我編輯了我的答案，並添加了一個小提琴。 –

你只得到一個單一的元素有一個ID，並試圖將其追加...

Live Demo

如果要追加多個元素，有很多方法...

包裝這些元素，然後追加...

<div id="categories"> 
    <div id='category_100'></div> 
    <div id='category_104'></div> 
    <!-- etc. --> 
</div> 

document.getElementById('content-1').appendChild(document.getElementById('categories'));

或將相同的類添加到所有元素th在要追加...

<div id='category_100' class="myClass"></div> 
<div id='category_104' class="myClass"></div> 

[].forEach.call(document.getElementsByClassName("myClass"), function (value, index, array) { 
    document.getElementById("content-1").appendChild(value); 
});

或獲得與一些模式進行匹配查詢選擇元素...

[].forEach.call(document.querySelectorAll("div[id^='category_']"), function (value, index, array) { 
    document.getElementById("content-1").appendChild(value); 
});

等

來源

2013-07-21 18:04:24 Givi

追加一個div到一個新的div

回答

相關問題