JQuery li颜色变化

Question

我正在尝试通过以下代码更改 li 的颜色：

$(function(){
        $("li").click(function (){
                $(this).css("color","green")
        });

... more code

但 li 元素中的 none 将起作用。 li元素是在more代码段动态生成的。

Answer 1

处理动态生成的内容后，您需要将事件处理程序附加到页面上的元素，如下所示：

$(document).on('click', 'li', function (){
                $(this).css("color","green")
});

Answer 2

Click() 不适用于动态 html，使用 on() 方法，将点击父元素与点击 li 元素绑定

$(document).ready(function (){
        $("#parentID").on('click','li',function (){
                $(this).css("color","green")
        });

其中 parentID 将是所有动态生成内容的父 ID