19

IDテスト付きのdivがあります

foreach ループを使用して、テスト div 内にいくつかの内部 div を作成しています。だからこうなる。

<div id="test">
<div id="test-1"></div>
<div id="test-2"></div>
<div id="test-3"></div>
<div id="test-4"></div>
</div>

javascript 関数で親 div id "test" を取得しています。ここで、テスト div の内側の div (子 div) をループして、各 div の ID を 1 つずつ取得し、javascript を使用してスタイルを設定します。

これについてのアイデアはありますか？

4

6 に答える 6

37

これを試して

var childDivs = document.getElementById('test').getElementsByTagName('div');

for( i=0; i< childDivs.length; i++ )
{
 var childDiv = childDivs[i];
}
于 2012-07-02T09:54:51.963 に答える
12

jQuery .each() 関数を使用して、内側の div をループできます。次の例ではこれを行い、各内部 div に対して id 属性を取得します。

$('#test').find('div').each(function(){
    var innerDivId = $(this).attr('id');
});
于 2012-07-02T09:54:36.033 に答える
0

使用できます

$('[id^=test-]')

および各()

このように例：

$('[id^=test-]').each(function(){
    var atId = this.id;
    // do something with it
});​
于 2012-07-02T09:55:08.637 に答える
0

あなたがやろうとしているのは、divの直系子孫#testdivをループすることです。>これは、子孫セレクターと jQuery.each()イテレーターを使用して行います。jQuery.css()と.attr()メソッドを使用して、ID のスタイル設定と取得をそれぞれ行うこともできます。

$("#test > div").each(function(index){
    var id = $(this).attr("id");
    $(this).css(/* apply styles */);
});
于 2012-07-02T09:55:32.513 に答える
-1

jQuery を使用します。

このコードは、必要に応じて追加できます。

$testDiv = ​$('div#test')​​​​​​​​​​​​.first();    
$('div', $testDiv).css("margin", '50px');​​​​
于 2012-07-02T09:57:00.773 に答える