Jquery 正在尝试使用.appendTo（）将注释添加到注释列表中

下面是一段代码，我试图将新注释附加到最后一条注释的末尾，我使用.val来捕获条目的值，但当我单击submit按钮时，它不会将它添加到我在appendTo中使用的选择器中（我只是先尝试一下标题，我知道如果我能把标题继续下去，我可以让其余的工作），谢谢你的帮助，真的很新鲜

     <div class="row newCommentForm" style="display:none" id="newCommentForm">
        <div class="comments-form col-md-6">
            <h2 class="title">Add your comment</h2>
            <form>
                <div class="form-group">
                    <label for="addCommentTitle">Title</label>
                    <input type="text" class="form-control" id="addCommentTitle" placeholder="Title">
                </div>
                <div class="form-group">
                    <label for="addCommentEmail">Email</label>
                    <input type="email" class="form-control" id="addCommentEmail" placeholder="Email">
                </div>
                <div class="form-group">
                    <label for="addCommentContent">Content</label>
                    <textarea type="text" class="form-control" id="addCommentContent" placeholder="Content"></textarea>
                 </div>

                <button type="submit" class="btn btn-default" id="newCommentSubmissionButton">Submit</button>
            </form>

        </div>

    </div>

添加您的评论
标题
电子邮件
内容
提交

下面是不起作用的javascript：

        sabio.page.startUp = function ()
    {
        var commentTitle = $('#addCommentTitle').val();                
        var commentEmail = $('#addCommentEmail').val();
        var commentContent = $('#addCommentContent').val();  
       $('#displayCommentsButton').on('click', function (event)
        {
            $(".comments").show();
            $('html, body').animate(
            {
                scrollTop: $(".comments").offset().top
            }, 2000);
            event.preventDefault();
        }
        );

        $('#addCommentButton').on('click', function (event)
        {
             $('#newCommentForm').show();
             event.preventDefault();
         }
         );

         $('#newCommentSubmissionButton').on('click', function (event)
         {
             $("<p>" + commentTitle + "</p>").appendTo('.row commentsContainer');
                event.preventDefault();
         }

             );

sabio.page.startUp=函数（）
{
var commentTitle=$（'#addCommentTitle'）.val（）；
var commentEmail=$（'#addCommentEmail'）.val（）；
var commentContent=$（'#addCommentContent'）.val（）；
$（'displayCommentsButton'）。在（'click'，函数（事件）
{
$（“.comments”）.show（）；
$（'html，body'）。设置动画(
{
scrollTop:$（“.comments”）.offset（）.top
}, 2000);
event.preventDefault（）；
}
);
$（'addCommentButton'）。在（'click'，函数（事件）
{
$（'#newCommentForm'）.show（）；
event.preventDefault（）；
}
);
$（“#newCommentSubmissionButton”）。在（'click'，函数（事件）
{
$（“”+commentTitle+“
”）。附录（“.row commentsContainer”）；
event.preventDefault（）；
}
);

这应该可以做到

$（'.row.commentsContainer'）。追加（“”+commentTitle+“
”）；

注意：要想让它起作用，你的html代码中需要类似

的东西。我认为唯一导致你出现问题的是（'.row commentsContainer'））.commentsContainer不是标记，因此如果是类，则缺少“.”，如果是ID，则缺少“#”。