0

我正在使用 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 而没有重复，所以我希望它使用 jjava 脚本从它的 div 移动到这个 div 如何？

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

这对我有用，但我怎样才能将超过 id 添加到 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>

使用我的两条线，这里建议的东西不起作用！

4

2 回答 2

0

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

您只需获得一个带有 ID 的元素并尝试附加它......

现场演示

如果要附加多个元素，有很多方法...

包装这些元素，然后附加...... 

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

等等。

于 2013-07-21T18:04:24.720 回答
0

试试这个代码：

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

看看这个小提琴：http: //jsfiddle.net/lulu3030/sjEPx/2/

于 2013-07-21T16:25:30.440 回答