Question

我正在使用IPB，我将把每个类别放入一个新的标签，类别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已经显示但是我希望它被移动到content-1 div而没有重复，所以我希望它从它的div移动到这个div与jjava脚本如何？

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

这对我有用，但我怎样才能为category_100

添加更多id

我希望它在一个脚本代码中是这样的，所以我不会重复四次脚本代码：

<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

“使用我的两行，这里建议的东西不起作用！”

你只需要一个带有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'));

或将相同的类添加到要追加的所有元素...

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

等等。

将div添加到新div

2 个答案: