如何通过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()用于html元素，不适用于div / span / p / h /其他分组标记

Answer 4

尝试$（“。modal-body”）。val（data_per_folder [current_folder.folder_id] .data_per_page [current_page] .attachment_extraDetails [attachmentId] .attachments_markup）;

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或附加divs val表示输入

所以

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

或

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