気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
Ajaxなどで変更したDOMに対するイベント - Qiita
2 users
qiita.com/konojunya
qiita.com/konojunya
qiita.com/konojunya
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
$.ajax({ url: "ex.php", type: "GET", data: { id: 1 }, success: function(data){ $("ul").append("<l... $.ajax({ url: "ex.php", type: "GET", data: { id: 1 }, success: function(data){ $("ul").append("<li>"+data+"</li>"); } }); jQuery Ajaxの書き方はそれぞれあると思うので、ここでは触れません。 とても適当な例ですが、ex.phpに対してGETメソッドを使い、id=1を送っています。 その結果がsuccessのdataに返ってきます。 そのdataをli要素としてulに追加している。という状態です。 この時に、ulはもともと書かれていますが、li要素はajaxでとってきてから初めてDOMに反映されます。 これをajaxなどで変更したDOMと今回はさせていただきます。 ではこのli要素をクリックしたらalert()で中身を出力したいと思います。 よくある例として
qiita.com/konojunya
qiita.com/konojunya
qiita.com/konojunya
qiita.com/konojunya
kumagi.hatenablog.com
blog.inorinrinrin.com
kanose.hateblo.jp
anond.hatelabo.jp
anond.hatelabo.jp
www.lifehacker.jp
togetter.com
qiita.com/basio
akiba-pc.watch.impress.co.jp
restate.dev
www.bloomberg.co.jp
2018/04/11 リンク