divの動的

Question

$.post("../../Handler/Topic.ashx", 
     { commentclob: commentClob, 
     commenttitle: commentTitle, 
     topicId: id, 
     Button: buttoname }, 
     function (data) { 
     obj = jQuery.parseJSON(data); 
     var $table = $('<table/>').addClass('commentbox'); 

     $table.append('<tr><td>' + 
         'Comment Id:' + 
         obj.CommentId + 
         '</td></tr>'); 

     var includeReply = "<input type='button' 
            class='btnReply' 
            value='Reply' 
            id='btnReply-" + obj.CommentId + "' />"; 


     $("#commentContainer").prepend(
      $('<div/>').attr('id', '#comment-' + obj.CommentId) 
        .append($table) 
     ); 

     //This doesnt work   
     $("#comment-" + obj.CommentId).append(
      $('<div/>').attr('id', '#container-' + obj.CommentId)  
        .append(includeReply) 
     ); 
}); 

HTML

<div id="commentContainer"></div> 

私はコンテナをコメントに＃コメント-idを持つdiv要素を追加して成功したことですが、私は＃のCOMMENT-内部の別のdivを追加することができません内部の複数のdivを作成することができませんid。

私は

   var str = $("<div>").attr("id", "#container-" + obj.CommentId) 
       $(str).append(includeReply); 
       $table.append('<tr><td>' + 'CommentDiv:' + str + '</td></tr>'); 

を試してみました。しかし、それは

を与えるCommentDiv：[オブジェクトのオブジェクト]

Answer 1

strが、それはそのように連結することができますので、HTMLオブジェクトです。 .html()でマークアップを抽出して連結する必要があります。

var str = $("<div>").attr("id", "#container-" + obj.CommentId) 
    $(str).append(includeReply); 
    $table.append('<tr><td>' + 'CommentDiv:' + str.html() + '</td></tr>');