jqueryで2つのdivを結合するには？

Question

ここに私が持っているものがあります。 enter image description here＃イメージは正常に動作していますが、＃アクティブではありません。 #actはServletの必要条件を満たすすべてのアーティクル（イメージ）の下にACTIONを記述する必要があります（data！= nullの場合）。残念ながら、私はActionActionを最初の画像の下に置いています。私は何を修正すべきですか？私の悪い英語を申し訳ありません。

for(var i = 0; i<data.length; i++){        
    $("#image").append(
    "<div class=divovi id="+data[i].sifra+">" + 
    "<div><img width=150 height=150 border=2 align=middle id=\"slikaID\" src="+data[i].slika+" /></div>" + 
    "<div>"+data[i].naziv+"</div><div id=act></div></div>" 
); 
    $.post("http://localhost:8080/Projekat/DaLiJeNaAkcijiServlet", 
    { 
     data:JSON.stringify({ naslov:data[i].sifra}) 
    }, 
    function(data,status){ 
     if(data!=null) { 
     $("#act").append('ACTION'); 
     } 
    } 
); 
} 

Answer 1

HTML IDは一意にする必要があります。つまり、一度使用する必要があります。あなたは "<div>"+data[i].naziv+"</div><div class=act></div></div>");に"<div>"+data[i].naziv+"</div><div id=act></div></div>");を変更（およびそれに応じてCSSを更新）あなたはそのクラスを持つすべてのdiv要素に追加するだけで、一度$(".act").append('ACTION');を使用することができるはず場合

- それはそう多くの[アクション]ループではありません確認してください出現することがあります。

Answer 2

idは1つの要素にのみ固有です。代わりにクラスを使用してください。

for(var i = 0; i<data.length; i++){        
           $("#image").append(
             "<div class=divovi id="+data[i].sifra+">" + 
             "<div><img width=150 height=150 border=2 align=middle id=\"slikaID\" src="+data[i].slika+" /></div>" + 
             "<div>"+data[i].naziv+"</div><div class='act'></div></div>"); // id=act => class='act' 

           $.post("http://localhost:8080/Projekat/DaLiJeNaAkcijiServlet", 
             { 

             data:JSON.stringify({ 
              naslov:data[i].sifra 
             }) 
             }, 
             function(data,status){ 
              if(data!=null) { 
               $(".act").append('ACTION'); // #act => .act 

              } 

             }   
           ); 

          } 

はクラスが thisポストをチェックアウトに使用するIDを使用し、ときにするときの詳細については。

Answer 3

ループ内にajaxリクエストを入れていますが、これは実際にはお勧めできません。遅かれ早かれあなたのサーバーがDDOSの症状に苦しむことを望んでいない限り、

問題の主な原因であるact divの個別IDもありません。

for(var i = 0; i<data.length; i++){        
    $("#image").append(
    "<div class=divovi id="+data[i].sifra+">" + 
    "<div><img width=150 height=150 border=2 align=middle id=\"slikaID\" src="+data[i].slika+" /></div>" + 
    "<div>"+data[i].naziv+"</div><div id='act+"i"'></div></div>" 
); 
} 
$.post("http://localhost:8080/Projekat/DaLiJeNaAkcijiServlet", 
    { 
     data: JSON.stringify({ naslov:data }) 
    }, 
    function(data,status){ 
     for(var i = 0; i<data.length; i++) { 
     if(data[i].sifra!==null) { 
      $("#act"+i).HTML('ACTION'); 
     } 
     } 
    } 
);