jquery - jqueryで動的に作成された要素のデータ属性を読み取りますか?

Question

これは私のコードですhttp://jsfiddle.net/amolw/6kdHG/
ボタンは動的に作成されます (通常、ボタンのデータは AJAX リクエストを介して取得されます)。簡単にするために、これらの値をハードコーディングしました。
私の問題は、これthisHotel = $(this).data('hname'); を実行すると、変数で未定義になることですthisHotel。
ボタンをアンカータグに置き換えても同じことが起こります。

Answer 1

thisあなたの例ではdiv id=hotelsです。div に入ってボタンを選択すればうまくいきます。ただし、別の解決策を提案します。

http://jsfiddle.net/6kdHG/3/

イベントのターゲットを使用して、必要な情報を取得できます。

$("[id^='hotel']").on('click', function (e) {
    thisHotel = $(e.target).data('hname');
    $("#selected").html("Selected Hotel " + thisHotel);
});

eトリガーされたイベントであり、そのターゲットにアクセスするだけです。