javascript - 如何在 javascript on() 函数中指定动态元素？

Question

我大约有这样的结构:

<div class='container'>
 <div class='element' data-id='1'></div>
 <div class='element' data-id='2'></div>
 <div class='element' data-id='2'></div>
</div>

动态渲染 .element 的位置。

所以我为这些元素编写了处理程序:

jQuery('.container').on('click', '.element', function () { //code })

但是我需要对被单击的元素执行一些操作。

我怎样才能获得被点击的元素？

Answer 1

单击的元素将为 this在您的事件处理函数中。

jQuery('.container').on('click', '.element', function () { 
    // use "this" or "jQuery(this)", depending on your needs
})

请注意this将指向一个 DOM 元素，在你的例子中是 <div> .