jquery - 使用 jquery 删除一些列表标签

Question

我有标签列表，我想删除一些列表标签并用不同的值重新填充它们。我有

     <ul>
        <li><a href="#">ALL</a></li>
        <li><a href="#">Selected</a></li>
         <c:forEach var="category" items="${selectedCats}">
           <li><a href="#">${category.value.name}</a>
           <a href="#" >selected</a></li>
         </c:forEach>
     </ul>

因此，我想删除 for 循环中的所有内容，并希望在 jquery 中重新填充它。

Answer 1

您可以在循环 li 项目中添加一些虚拟类名以进行识别并将其删除。

   <c:forEach var="category" items="${selectedCats}">
       <li class="new-item"><a href="#">${category.value.name}</a>
       <a href="#" >selected</a></li>
     </c:forEach>

然后删除

 $('li.new-item').remove();

希望这会有所帮助！

Answer 2

您可以使用$.fn.remove从 DOM 中删除一个或多个元素。

$('li.item').remove();

... 和$.fn.append以添加新内容。

$("ul#my-list").append("<li>A new entry</li>");