附加到动态创建的元素问题/JQuery

似乎当我使用JQuery（dynamicali）创建元素时，它不允许我使用JQuery再次追加。我假设这是由于append（）方法的固有特性造成的

下面是我的js代码，它试图附加到已经由Dynamicly创建的DOM中：

function displayComments(posts, status){

  $.each(posts, function (index, post) {
   var comments = post.comments;
    var textComment = "";
    for(var i = 0; i < comments.length; i++){            
    var textComment = comments[i]["author"] + " " + comments[i]["content"] + " " + comments[i]["date"]; 
        }
            var divAdd = ("#commentSection" +post.postId);
           $(divAdd).append(textComment);

});

功能显示注释（帖子、状态）{
$。每个（职位，职能（索引，职位）{
var注释=post.comments；
var textComment=“”；
对于（var i=0；i

}

我确信divAdd是有效的，因为我检查了我的网页，它匹配，我确信textcomment是有效的，因为我提醒了它。这样就剩下了.append

下面是我动态创建元素的代码：

function displayPosts(posts, status) {

$.each(posts, function (index, post) {
    var tags = post.tags;
    var textTags = "";
    ///////////////////// TAGS ////////////////////////////////
    for(var i = 0; i < tags.length; i++){
           textTags = textTags + " #"+ tags[i]["name"];
    }

    ///////////////////// GENERAL ////////////////////////////////    
    $('#parentPostBox').append($('<div class="postBox" id="' + post.postId + '">' 
          + post.content //POST CONTENT
          + '<p class="tags"> '+ textTags //TAGS
          + '</p><div id="#commentSection' + post.postId //COMMENTS
          + '" class="commentStyle"></div><form><input type="text" value="" id="putComment'
          + post.postId +'"></form><button class="commentButton1" id="comment' 
          + post.postId + '" type="button">Add Comment</button>'));//COMMENT BUTTON

});

功能显示帖子（帖子、状态）{
$。每个（职位，职能（索引，职位）{
var tags=post.tags；
var textTags=“”；
/////////////////////标签////////////////////////////////
对于（var i=0；i”+textTags//tags
+“
添加注释”）；//注释按钮
});

}

---

非常感谢您的帮助。

您当前在创建“动态”元素时没有正确格式化id：

在标记中作为属性写入时，ID不需要

#

标签。通过

#

标签选择ID是一种CSS惯例（jQuery也采用）

改变冒犯的界线：

+ '</p><div id="commentSection' + post.postId //COMMENTS (without #)

---

+”
谢谢你的魅力，太傻了，我没看到