jQuery中的.append无法正常工作

时间:2012-08-22 12:31:20

标签: javascript jquery html

我在现有div中追加div,然后再添加一个div来追加div但它对我不起作用。我究竟做错了什么。请帮忙

<head>
<script type="text/javascript">
$(function(){
$('a').click(function(){
var cl=$('#free').clone();
var jj=$('.append')
var mm=jj.append('<div class="hii"></div>')
mm.append(cl)
})
})
</script>
</head>
<body>
<div style="background:#F00; width:500px; height:50px" id="free"></div>
<a href="#">hide</a>
<div class="append"></div>
</body>

1 个答案:

答案 0 :(得分:2)

jj.append('<div class="hii"></div>')返回jj,而非新div。所以使用这个:

$(function(){
  $('a').click(function(){
    var cl = $('#free').clone();
    var jj = $('.append');

    var mm = $('<div class="hii"></div>');

    jj.append(mm);
    mm.append(cl);
  });
});