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はすでに表示されていますが、重複せずにコンテンツ1のdivに移動したいので、jjavaスクリプトを使用してそのdivからこのdivに移動するにはどうすればよいですか?

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

これは私にとってはうまくいきましたが、どうすればid以上をcategory_100に追加できますか

1 つのスクリプト コードでこのようにしたいので、スクリプト コードを 4 回繰り返さないようにします。

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

私の2行を使用すると、ここで提案されたことが機能しません!

4

2 に答える 2

0

このコードを試してください:

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

このフィドルを見てください：http://jsfiddle.net/lulu3030/sjEPx/2/

于 2013-07-21T16:25:30.440 に答える
0

「私の2行を使用すると、ここで提案されたことが機能しません!」

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 に答える