时间戳

首页 > 解决方案 > 如何在动态附加的内部元素上附加点击事件？

javascript - 如何在动态附加的内部元素上附加点击事件？

问题描述

我有一个附加到父 div 的系列 div 元素。附加点击事件绑定在父元素上。

var element = "";
for (var j = 0; j < 10; j++) {
  element = element + "<div class='aClass'>"+j+"</div>";
}

$(".wrapper").append(function() {
  return $(element).click(foo);
});

function foo() {
  alert("index of element is:");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper"></div>

我需要知道点击了哪个附加的 div。

标签： javascriptjquery

解决方案

您可以使用index()方法

var element = "";
for (var j = 0; j < 10; j++) {
  element = element + "<div class='aClass'>j</div>";
}

$(".wrapper").append(function() {
  return $(element).click(foo);
});

function foo() {
  alert("index of element is:"+$(this).index());
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper"></div>

推荐阅读