在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 是被触发的事件,您只需访问它的目标.