javascript - jQuery で画像を追加する

Question

画像の先頭に追加して、その属性を定義しようとしています。これを行う方法について少し混乱しています-現在、次のものがありますが、機能していません。HTMLは

<div id="testID" class="test1">
        <div id="testID2" class="test2" ></div>
    </div>

そしてJSは

var test123 = somecode{}
jQuery(test123).find('#testID2').prepend('<img />').attr({
   src: 'some src.gif',
   alt: '',
   height: '60'
});

達成したいと願っています

<div id="testID" class="test1">
  <div id="testID2" class="test2" >
      <img src='some src.gif' alt='' height='60' />
  </div>
</div>

何か案は？

score 5 · Accepted Answer

次のようにする必要があります。

jQuery("<img/>").prependTo("#testID2").attr({
   src: 'some src.gif',
   alt: '',
   height: '60'
});

前のコードから、img タグではなく属性をコンテナーにアタッチしているためです。

score 4 · Accepted Answer

Engwanの答えは、あなたが望むことを達成するための簡単な方法です。<img>これは、タグがDOMに挿入される前に属性が設定される代替の例です。

jQuery(test123).find('#testID2').prepend(
  $('<img />').attr({
   'src': 'some src.gif',
   'alt': '', 
   'height': '60'
  })
);

2 に答える 2