php - 将新评论附加到旧评论部门

Question

我正在尝试将新评论附加到旧评论框中。这是我的代码，不知道为什么它不起作用

<script type="text/javascript">
    $(document).ready(function () {

        $(function () {
            $(".bsubmit").click(function () {
                var id = $(this).parent().parent().attr("id");
                var comm = document.getElementById(id).getElementsByClassName("commentadd")[0].value;
                $.ajax({
                    type: "POST",
                    url: "comment.php",
                    data: {
                        id: id,
                        comm: comm
                    },
                    cache: false,
                    success: function () {
                        $('.addcomment').slideUp('slow', function () {

                            //  POSTED IN DATABASE SUCCESS NOW APPEND The comment with other COMMENTS 

                            document.getElementById(id).getElementsByClassName(".itemcomment").append('<div class="comm">
    <a href="profile.php?id=<?php echo $_SESSION['
                            fbid ']; ?> class="comm_img"><img src=" <?php echo $_SESSION['
                            smallest ']; ?> width="50" height="50" /></a>
    <p width="50"><strong>
     </strong></p>
     </div>');

                        });
                        $('#load').fadeOut();
                    }
                });
                return false;
            });
        });
    });
</script>

Answer 1

我认为错误出现在“slideUp”回调中的代码中，所以我认为正确的方法是：

使用常规 JavaScript：

$('.addcomment').slideUp('slow', function () {

    var elem = getElementById(id).getElementsByClassName(".itemcomment")[0],
        div = document.createElement("div"),
        a = document.createElement("a"),
        p = document.createElement("p"),
        img = document.createElement("img"),
        strong = document.createElement("strong");

        div.className = "comm";
        a.className = "comm_img";
        a.href = "profile.php?id=<?php echo $_SESSION['fbid ']; ?>";
        img.src = "<?php echo $_SESSION['smallest ']; ?>";
        img.width = "50";
        img.height = "50";
        p.width = "50";

        p.appendChild(strong);
        a.appendChild(img);
        div.appendChild(a);
        div.appendChild(p);
        elem.appendChild(div);
});

使用 JQuery：

$('.addcomment').slideUp('slow', function () {
    var html = '<div class=comm>';
    html += '<a href="profile.php?id=' + "<?php echo $_SESSION['fbid'];?>" + 'class=comm_img>';
    html += '<img src="' + "<?php echo $_SESSION['smallest']; ?>" + 'width="50" height="50" /></a>';
    html += '<p width="50"><strong></strong></p></div>';

    $(".itemcomment", "#"+id).append(html);        
});

希望能帮助到你！