jquery添加新的div onclick

我有一个div列表

  • <asp:HyperLink ID="linkProfil" runat="server" Text='' NavigateUrl=''>

  • 我想在div点击上添加一个新的div。 我写了jquery代码,但它不起作用。

     function addcommentdiv () { var NewContent = '
    ' $('.comment-body').click(function () { var index2 = $('.comment-body').index(this); if (NewContent != '') { $('.comment-body').eq(index2).after(NewContent); NewContent = ''; } else { $('.comment-body').eq(index2).next().toggle(); } }); };

    为什么它不起作用或如何在下面的点击div中添加一个新div(作为twitter回复)? 在我写一些代码之前。 它工作但有一个问题:它只适用于一个div。

    尝试

     function addcommentdiv () { var NewContent = '
    ' $('.comment-body').click(function () { var $this = $(this), $reply = $this.next('.reply'); if ($reply.length) { $reply.toggle(); } else { $(NewContent).insertAfter($this); } }); };

    演示: 小提琴

    我对jquery不太熟悉,但你可以通过javascript添加一个新的div

     var NewContent = '
    ' $('.comment-body').click(function () { var newdiv=document.creatElement(NewContent); var toattach= document.getElementById('comment-body'); toattach.appendchild(newdiv) ; } else { $('.comment-body').eq(index2).next().toggle(); }

    });

    Interesting Posts