【概要】

jQueryでHTMLタグを動的に追加した後に、そのタグに対して操作を行う際の対応についてまとめています。

【詳細】

・HTMLタグを追加する

ここではhugaクラスにH1タグを追加します。

let hoge = '<h1>タイトル</h1>';
$('.huga').append(hoge);

・hugaクラスに要素がつかされた後に処理を行う。

ここではHTMLタグが追加された後にlog出力を行なっています。

※ 下記のソースは「$('.huga').append(hoge);」を記述した後に記述して下さい。

$(function() {
  $('.huga').each(function() {
    let hugaList = document.getElementsByClassName('huga');
    console.log(hugaList);
  });
});