1

divタグの上にテキストを印刷したい。ここに 3 つの配列があります。x_array と y_array は、x 値と y 値の座標を継続し、txt_array にはテキストが含まれます。ベースおよび x 座標と y 座標のテキストが div タグに表示されます。次のコードは予想される出力を表示しますが、最後の配列要素のみを表示します。残りは消去されます。x 座標と y 座標に基づいてすべてのテキストを表示したい。お願いします...助けてください。

<script>
        var i=0;
       // var obj={"A","B","C","D"};
   $(document).ready(function(){
 $("#myimg").hover(function(){

  var x1=["50","100","150","200"];
  var y1=["50","100","150","200"];
  var txt1=["Text1","Text2","Text3","Text4"];
  var i=0;

  for(var i=0;i<4;i++)
      {

  var X=x1[i];
  var Y=y1[i];
  var txt=txt1[i];

      $("#myimg").append($("#test").offset({left:X,top:Y}));                    
      $("#test").html(txt);


  }

 });
 });
    </script>

以下はアウトプットです

4

1 に答える 1

1

IDは一意である必要があります。classes代わりに使用してみてください。

複数の ID が許可されていたとしても、 を使用すると、すべての要素.html()の HTML が上書きされます。#testスクリプトを使用して要素を動的に作成する必要があります。

  var test = $("<span class='test'></span>");
  test.html(txt);
  $("#myimg").append(test.offset({left:X,top:Y}));

同様に、複数の#myimg要素がある場合は、それらにもクラスを使用します。

于 2013-03-21T16:24:33.313 に答える