jqueryダイアログにテキストエリアを動的に追加するにはどうすればよいですか？

Question

私はダイアログにテキストエリアを追加する必要があります。アイデアがあれば教えてください。ここ は私のコードは、あなたがダイアログコンテンツとして使用div要素内の任意の要素を追加することができます...

var story = changeStory(); 
    $.ajax({ 
     async: false, 
     type:"GET", 
    data:{"story":story}, 
    url: "./teststory.action", 
    dataType: 'json', 
    success: function(json){ 
    var i = 0; 
    var jsonList = ""; 
     $.each(json, function(index,job) {  
     if(i > 0){ 
      jsonList = jsonList + ","; 
     }  
     jsonList = jsonList + "["; 
     jsonList = jsonList + "{"; 
     ...... 
     jsonList = jsonList + "}"; 
     jsonList = jsonList + "]"; 
     **var newDiv = $(document.createElement('div')); 
     $(newDiv).text(); 
     $(newDiv).dialog({modal: true, width:850, height:500, title:"JSON for Demo Story"}).dialog("open");** 
     *var obj=document.createElement('textarea'); 
     obj.setAttribute("style","padding-left:100"); 
     obj.value=jsonList; 
     document.body.appendChild(obj);* 
     storyLst = jsonList; 
     }); 
    } 
}); 

Answer 1

です。

var newDiv = $("<div />"); 
var textArea = $('<textarea style="padding-left:100px" />'); 
textArea.text(jsonList); 
newDiv.append(textArea); 
newDiv.dialog({modal: true, width:850, height:500, title:"JSON for Demo Story"}); 

さらなる機能については、insertionのjQueryドキュメントを参照してください。