javascript - 为js中的每个数据附加div

Question

我正在使用 AJAX 将数据附加到 div 元素。 div类item样式显示是none，因为div类只有在success函数起作用时才会出现。基本上div类依赖于success函数。

<div class="item" style="display: none;">
<div class="Name"></div> //here I want to show the success function data
<select class="price">
 <option>A</option>
 <option>B</option>
 <option>C</option></select>
</div>

div 仅在找到数据时显示。我想在 div class="Name" 中添加数据并附加每个数据。就像添加第一个数据时，item div 将显示，当添加第二个数据时，将显示第二个数据。对于每个数据 div 类 item ， Name ， price 都会出现。在此代码中，数据仅附加在同一个 div 中。

success:function(data) {
console.log(data);
$('.item').show();
$('.Name').append(data);}

我该怎么做？

Answer 1

有一个父容器

<div class="items">
</div>

您可以使用 append 创建新的“item”元素在此容器中使用 append

// create inner element
var newItem=$('<div class="item"></div>');
// inserting data
newItem.html(data);
// append to parent container
 $('.items').append(newItem);