javascript - 无法使用 Jquery 将 li 追加到 ul 中

Question

在过去的 15 分钟里我一直在浏览这 3 行代码，但我只是没有看到它...... 编辑类名。 html

<div class="parent" >
<ul class="child" style="height:auto !important"></ul>
</div>

jquery

$(document).ready(function(){
$(".parent ul").append('<li>wtf</li>');
});

我尝试附加到 .child、.parent ul.child 运气不好

编辑:当我查看下面答案中的 fiddle 时，它起作用了。我复制相同的代码但失败了。我尝试了所有浏览器。同样的事情。

Answer 1

您的代码:

$(document).ready(function(){
    $(".1 ul").append('<li>wtf</li>');
});

工作正常。

Demo

问题不在代码中，您已添加到问题中。您确定包含 jquery 库吗？

请使用 firebug 工具或任何其他工具来调试您的代码(chrome 开发人员工具 (CTRL+SHIFT+J)、ie 中的开发人员工具(可能是 F12)、Firefox 中的开发人员工具 (CTRL+SHIFT+J)。可以找到一些好的答案here(阅读答案)。

另外:

正如对您的问题的评论中提到的(以及 w3cschools 网站):

Do NOT start a class name with a number!

所以使用这个:

jQuery:

$(document).ready(function(){
    $(".parent ul").append('<li>wtf</li>');
});

HTML:

<div class="parent" >
<ul class="child" style="height:auto !important"></ul>
</div>