无法使用Jquery将li附加到ul中

时间:2014-05-14 20:08:23

标签: javascript jquery html

在过去15分钟内经历了这三条线,但我只是看不到它...... 编辑类别名称。 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 没有运气

编辑:当我在下面的答案中看到小提琴时,它有效。我复制相同的代码,但它失败了。我试过所有浏览器。同样的事情。

1 个答案:

答案 0 :(得分:4)

您的代码:

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

工作正常。

Demo

问题不在代码中,您已添加到您的问题中。你确定你包含了jquery库吗?

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

另外:

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

  

请勿使用数字启动类名!

所以使用这个:

jQuery的:

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

HTML:

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