새로운 사업부에 사업부를 추가

Question

내가 IPB를 사용하고 그리고 난 카테고리 사업부는이 같은 것입니다 새 탭에 각 범주에 넣어 갈거야 :

<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> 

과 divs 카테고리가 이미 표시되어 있지만 콘텐츠가 1 div로 복사되지 않도록하고 싶습니다. 그래서 div에서 jjava 스크립트로이 div로 이동 하시겠습니까?

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

이 나를 위해 일하지만 어떻게 내가 내가 그래서이되는 스크립트 코드를 네 번 repeart 않을 것이다 그것은 하나의 스크립트 코드에서 다음과 같이되고 싶어

을 category_100 이드 이상을 추가 할 수 있습니다

을

<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> 

내 두 줄을 사용하면 여기에 제안 된 사항이 작동하지 않습니다!

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

이 바이올린에 찾아 보게한다 :

Answer 1

이 코드를 사용해보십시오! "여기 내 두 라인 제안 된 물건을 사용하여 작동하지 않습니다"http://jsfiddle.net/lulu3030/sjEPx/2/이

Answer 2

을

당신은 단지 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에 같은 클래스를 추가하십시오. 당신은 ...

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

와 ...

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

을 추가하거나 몇 가지 패턴과 일치하는 쿼리 선택기와 요소를 얻으려면에서 등