forループを使用して、すべての子にアクセスしてテキストを1つずつ変更するにはどうすればよいですか？

-1

は、このHTMLコードを考えてみましょう：forループを使用して、すべての子にアクセスしてテキストを1つずつ変更するにはどうすればよいですか？

<div id="id1"> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
</div>

をそして、これは私のスクリプトです：物事が働いていない

今

for($olindex=0; $olindex<3; $olindex++){ 
    $("#id1").children("#id3").eq($olindex).text(result2[$olindex]); 
}

：ありresult2[$olindex]と間違って何もいませんが、それでもテキストはid3と、各要素には表示されません。。多分私は間違ったDOMコードを書いたでしょう。それを動作させるには、どのように修正または変更できますか？

出典

2016-04-08 Vikas Kumar

id3のすべてのDiv要素にテキストを挿入しますか？ – Maantje

IDは一意でなければなりません！ – Oriol

はい。私はすべてのdivに挿入したい。 –

複数のdiv要素を同じIDで使用しました。 IDは、elementごとに一意である必要があり、問題が発生しています。

あなたはdivのためのclassesを使用して方がいいでしょう：

<div id="id1"> 
    <div class="id2"></div><br> 
    <div class="id3"></div> 
    <br> 
    <div class="id2"></div><br> 
    <div class="id3"></div> 
    <br> 
    <div class="id2"></div><br> 
    <div class="id3"></div> 
    <br> 
</div>

あなたは、代わりにクラスを使用してjQueryのセレクタを使用することができます。私は、これはあなたが達成したいものだと思います

$("#id1").children(".id3")

出典

2016-04-08 19:18:44 Matthijs

IDは一意ですか？そしてクラスは同じにすることができますか？ –

はい、IDは一意である必要があります。クラスはいくつかの要素に使用できます。 – Matthijs

最初のjQueryセレクタは$（ "＃id1"）でなければなりません。ドットではなく、ハッシュで – antix

：

'<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
</head> 

<div id="id1"> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
    <div id="id2"></div><br> 
    <div id="id3"></div> 
    <br> 
</div> 

<script> 

for($olindex=0; $olindex<3; $olindex++){      
    $("#id1").children("#id3").eq($olindex).text(result2[$olindex]); 

} 

</script>'

IDを使用している場合は、 "＃"ではなく "＃"を使用する必要があります。 ""クラスのためのものです。また、複数の要素に同じIDを使用することはお勧めしません。

出典

2016-04-08 19:25:03

セレクタが間違っています。あなたはIDによって要素を選択したい場合は、#を使用します。

var result2 = [0,1,2]; 
 
for(var $olindex=0; $olindex<3; $olindex++) { 
 
    $("#id1").children("#id3").eq($olindex).text(result2[$olindex]); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="id1"> 
 
    <div id="id2"></div> 
 
    <div id="id3"></div> 
 
    <div id="id2"></div> 
 
    <div id="id3"></div> 
 
    <div id="id2"></div> 
 
    <div id="id3"></div> 
 
</div>

言った、IDは一意である必要があります。別のアプローチ、たとえばクラス。

出典

2016-04-08 19:25:40 Oriol

うん、それは今働いている。 –

forループを使用して、すべての子にアクセスしてテキストを1つずつ変更するにはどうすればよいですか？

答えて

関連する問題