将<li>项动态地附加到jQuery中的<ol>

Question

我想知道为什么有些重复项会添加列表项？

这段代码是$（＆＃34; .product-items＆＃34;）。append（response）;正确？ 最初的问题是在他的链接中添加重复项目以加载更多产品 http://womensebookstore.com/1/category.asp?cat=16

jQuery(document).on('click','.loadmore',function () {

  var response ="<li>This is a test list</li>";

  $(".product-items").append(response);

});

HTML

<div class="products  products-grid" >
<ol class="product-items row">
</ol>
</div>

<li class="loadbutton"><button class="loadmore" ></li>

Answer 1

您只能附加一个html元素。 ＆＃39;响应＆＃39;这是字符串。试试这个 -

＆＃13;

＆＃13;

var item = document.createElement("li");
item.innerHTML = "This is a test";
$(".product-items").append(item);

＆＃13;

＆＃13;

＆＃13;