jqueryを使用してDivに動的にマークアップを追加する方法は？

Question

Markup: 
    <div class="modal-body"> 
     <p>One fine body…</p> 
    </div> 

これはなぜ役に立ちませんか？

$(".modal-body").val = data_per_folder[current_folder.folder_id].data_per_page[current_page].attachment_extraDetails[attachmentId].attachments_markup; 

Answer 1

.val()方法ではありませんあなたはこのようにそれを使用するプロパティです：

$(selector).val('new value'); 

また.val()は、属性値を変更します。 divにはこのHTML属性はありません。

innerHTMLを変更したいとします。それには.html()を使用してください。代わり

$(".modal-body").html('new value'); 

Answer 2

使用.htmlの（）：

$(".modal-body").html(data_per_folder[current_folder.folder_id].data_per_page[current_page].attachment_extraDetails[attachmentId].attachments_markup) 

Answer 3

使用$(".modal-body").html ('<your markup code>');

.val()はないDIV /スパン/ P/H /他のグループ化タグ

Answer 4

試行のためのHTML要素のためのものですval（data_per_folder [current_folder.folder_id] .data_per_page [current_page] .attachment_extraDetails [attachmentId] .attachments_markup）; $（ "。modal-body"）。

val()は、jQueryで選択した要素のメソッドです。

また、.text（）および.html（）メソッドを試すこともできます。

Answer 5

jQueryオブジェクトにvalプロパティを割り当てています。これは何もしません。

あなたがしたいことがあります...

$(".modal-body").html(data_per_folder[current_folder.folder_id].data_per_page[current_page].attachment_extraDetails[attachmentId].attachments_markup); 

Answer 6

使用HTMLまたはvalが入力のためにあるのdivに追加

ので

$(".modal-body").html("your stuff"); 

または

$(".modal-body").append("your stuff");