javascript - Jquery 不适用于通过 AJAX 调用的 HTML 标签

Question

我有一个无序列表

<ul id="showlist"></ul>

如果用户调用 ajax 函数，则会填充类似的列表项

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li> 
</ul>

我的问题在那之后就开始了。我有一个<script>标签在我的页面的最底部。它说当按下向下按钮时，使 <ul> 的第一个 child 蓝色的。但它什么也没做

<script>

$(body).keydown(function(e) {
    if(e.keyCode == 40){
        $("#showlist:first-child").attr("style","background-color:blue");       
    }
})

</script>

我该如何解决我的问题？

Answer 1

使用$('body')代替$(body)。

您的选择器也有问题:

$("#showlist li:first-child")

工作示例:http://jsfiddle.net/hF6LF/

此外，您在帖子中提到该脚本位于页面末尾。如果脚本位于 head 中，则需要等待 dom 准备好 body 元素存在。将处理程序绑定(bind)到始终存在的 document 可能更安全。