Javascript 如何在HTML列表中添加事件'；什么是子弹？

如何在HTML列表的项目符号中添加事件？可能吗？

您可以使用

$('ul li').on( "click" , function(){
    // do stuff
});

$(document).ready(function() {
  $("li").click(function(event){
    // do something
  });
}

---

是否要处理单击事件或其他事件，如DOMSubtreeModified？ 下面是一个例子：

HTML:

一些简单的事件

项目1
项目2

添加项​

JavaScript:

jQuery(document).ready(function($) {
    $("#list").on("DOMSubtreeModified", function(e) {
        console.log("DOMSubtreeModified event", e);
        $("h1").toggleClass("crazy");
    });
    $("#list").on("click", "li", function(e) {
        console.log("Clicked on an li:", $(e.currentTarget).html(), e);
        e.stopPropagation();
    });
    $("button").on("click", function(e) {
        console.log("Clicked on button", e);            
        $("#list").append("<li>Item " + ($("#list > li").size() + 1) + "</li>");
    } );
});

jQuery（文档）.ready（函数（$）{
$（“#列表”）。在（“DOMSubtreeModified”上，函数（e）{
log（“DOMSubtreeModified事件”，e）；
$（“h1”）。切换类别（“疯狂”）；
});
$（“#列表”）。在（“单击”、“li”上，函数（e）{
log（“单击一个li:，$（e.currentTarget）.html（），e）；
e、 停止传播（）；
});
$（“按钮”）。在（“单击”）上，函数（e）{
控制台日志（“点击按钮”，e）；
$（“#列表”）.append（“
项”+（$（“#列表>项”）.size（）+1）+“
”；
} );
});

---

​

你打算做什么？你能澄清一下或者至少详细说明一下你想要达到的目标吗？…并发布你的“HTML列表的子弹”代码…你想听什么活动？我创建了多项选择题，我使用ul列表来回答。但是我更喜欢用户通过添加事件来点击项目符号，而不是放单选按钮

jQuery(document).ready(function($) {
    $("#list").on("DOMSubtreeModified", function(e) {
        console.log("DOMSubtreeModified event", e);
        $("h1").toggleClass("crazy");
    });
    $("#list").on("click", "li", function(e) {
        console.log("Clicked on an li:", $(e.currentTarget).html(), e);
        e.stopPropagation();
    });
    $("button").on("click", function(e) {
        console.log("Clicked on button", e);            
        $("#list").append("<li>Item " + ($("#list > li").size() + 1) + "</li>");
    } );
});