Question

我是JQuery的新手。我知道这个问题有点令人困惑，但是也许这种解释可能会有所帮助：

我有一个由JavaScript和动态ID生成的动态<li>标签，我只想向每个新生成的<li>标签添加一个事件侦听器。也许以这种方式？我知道这行不通。

<li id="2" onadded="createEvent()"></li> //new generated <li> tag
<li id="1" onadded="createEvent()"></li> //the 1st generated <li> tag

<script>
function createEvent(){
  //event here
}
</script>

我该如何实现？或任何可能的解决方案？预先感谢。

Answer 1

使用$ .fn.on函数为li的父对象绑定事件，并为li使用选择器“ li”，然后动态生成的liment将响应该事件。如下所示：

    //$(document) can be replaced  by $(parentsOfLi) , .i.e: $("ul")  or $("#" + idOful)
$(document).on("click", "li", function () {
    //do your process here
    //alert($(this).text());
    //$(this).parent().append("<li></li>")
})

如何使用JQuery创建事件侦听器？

1 个答案: