javascript - 使用 Jquery 获取动态事件中的文本

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

Assign click handlers in for loop (6 个回答)

jquery 'click' event inside the for loop (2 个回答)

已关闭 5 年前。

我正在尝试从标签 <a> 获取文本在元素<li>但它不起作用。

for (i = 0; i < result.length; i++) {
  $("#ftrBtn-menu_Facility").append("<li id='ftrBtn-menu_Facility_" + (i) + "'><a href='#'>" + result[i].facility + "</a></li>");
  $("#ftrBtn-menu_Facility_" + (i)).click(function(){
    var text = $("#ftrBtn-menu_Facility_" + (i)).find("a:first").text();
    alert(text);
  });
}

Answer 1

为什么你不只使用 class 而使用 id ？
这是我提出的解决方案

var result = [{
  id: 1,
  facility: 'test1'
}, {
  id: 2,
  facility: 'test2'
}, {
  id: 3,
  facility: 'test3'
}]
for (i = 0; i < result.length; i++) {
  $("#ftrBtn-menu_Facility").append("<li class='dtrBtn' id='ftrBtn-menu_Facility_" + (i) + "'><a href='#'>" + result[i].facility + "</a></li>");

}
$(".dtrBtn").click(function() {
  var text = $(this).text();
  alert(text);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="ftrBtn-menu_Facility"></div>