Добавляем DIV на новый DIV

Question

я использую IPB, и я собираюсь поставить каждую категорию в новой вкладке категория ДИВ-то вроде этого:

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

и мое содержание вкладки, как это:

и категории divs уже показываются, но я хочу, чтобы он был перемещен в div контента-1 без дубликата, поэтому я хочу, чтобы он переместился из своего div в этот div с помощью jjava-скрипта как?

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

это работало для меня, но как я могу добавить больше, чем идентификатор 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> 

используя мои две линии, предлагаемые здесь вещи не работают!

Answer 1

Попробуйте этот код:

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

взглянуть на эту скрипку: «используя мои две линии предлагаемых вещи здесь не работает» http://jsfiddle.net/lulu3030/sjEPx/2/

Answer 2

Вы просто получаете один элемент с идентификатором и пытаетесь добавить его ...

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')); 

или добавить тот же класс для всех элементов й которое вы хотите добавить ...

<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); 
}); 

и т.д.