jQuery <li> 元素的 onClick 不是函数

Question

奇怪的是，下面的代码抛出一个 jQuery.Deferred 异常：

var miscUls = $("#miscellaneous").find("ul");
miscUls.children('li')[0].onClick(function() {
    modal.style.display = "none";
});

...和...

miscUls.children().first().onClick(....

...和

miscUls.children('li').eq(0).onClick(....

不太确定如何风格化 select或者，我只是想将 onClick() 事件处理程序附加到该无序列表中的第一个元素.我也尝试为该元素分配一个唯一的 ID，并且 select 它通过

miscUls.getElementById("newUser").onClick(....

无济于事。对这个看似简单的问题的任何帮助将不胜感激。谢谢。

Answer 1

Jquery 的点击事件助手是 click 而不是 onClick

var miscUls = $("#miscellaneous").find("ul");
miscUls.children('li')[0].click(function() {
    modal.style.display = "none";
});

Answer 2

像这样在 li 上尝试 :first-child 选择器

$("#miscellaneous ul li:first-child").click(function(){
        // your code
    })

jQuery onClick for <li> element not a function