1. ホーム
  2. javascript

[解決済み] JavaScriptオブジェクトからsrcとidを取得して、JQueryで新しいimgタグを作成する方法とは?

2023-03-14 05:02:36

質問

JQueryは基本的には理解していますが、初心者なので、これはとても簡単なのではないかと思っています。

私は画像のsrcとidをJSONレスポンス(オブジェクトに変換)で取得し、したがってresponseObject.imgurlとresponseObject.imgidに正しい値があり、今私はそれを使って画像を作成し、それをdivに追加したいと思います(それを <div id="imagediv"> . を動的に構築することに少し行き詰っています。 <img src="dynamic" id="dynamic"> - を動的に構築することに少し困っています。私が見た例のほとんどは、既存の画像の src を置き換えるものでしたが、私は既存の画像を持っていません。

どのように解決するのですか?

jQueryでは、以下のようにコンストラクタにHTML文字列を渡すことで、新しい要素を作成することができます。

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');