私信  •  关注

palaѕн

palaѕн 最近创建的主题
palaѕн 最近回复了
5 年前
回复了 palaѕн 创建的主题 » 使用onclick事件删除JQuery<li>

从这以后 button

$('#shoppingList').on( "click", "button", function( event ) {
    $(this).closest('li').remove();
});

工作演示:

let count = 1;
function addElement(e) {
  e.preventDefault();
  //let text = $('#itemToAdd').val();
  let newItem = $(`<li>This is a text ${count++}  </li>`);
  let removeBtn = $('<button>X</button>');

  newItem.append(removeBtn);
  $('#shoppingList').append(newItem);
  //$('#itemToAdd').val('');    
}

$(document).ready(function() {
  $("#addBtn").on('click', addElement);

  $('#shoppingList').on("click", "button", function(event) {
    $(this).closest('li').remove();
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="addBtn">Add</button>
<ul id="shoppingList"></ul>

data 数组,然后打开当前循环 products 数组并访问值 stock

$.each(data, function(_, v1) {
   $.each(v1.user.products, function(_, v2) {
      $("table").append($("<tr>").append(
         $("<td>").addClass("Title").text(v2.stock),
      ));
   });
});