javascript - 删除最后一个追加

Question

我想在单击后退按钮时删除最后一个附加内容。但是当我再次选择追加时，最后一个追加仍然存在。

这是我的附加代码。它的工作原理:

$(req.responseText).find('ItemName').each(function () {
    ItemNameArr[ItName] = $(this).text();
    ItName++;
})                  

$(req.responseText).find('ItemQty').each(function () {
    ItemQtyArr[ItQty] = $(this).text();
    ItQty++;
})         

$(req.responseText).find('ItemUnit').each(function () {
    ItemUnitArr[ItUn] = $(this).text();
    ItUn++;
})

for (var a = 0; a < ItemNameArr.length; a++) {
   //$contentDt = $('<p><h6> ' + ItemQtyArr[a] + " " + ItemUnitArr[a] + " " + ItemNameArr[a] + '</h6></p>');                              
    $('#Ingredients').append('<p><h6> ' + ItemQtyArr[a] + " " + ItemUnitArr[a] + " " + ItemNameArr[a] + '</h6></p>')
    $('#Ingredients').fieldcontain('refresh')
 }

单击后退按钮时我的代码:

  $("#btnBack").on('click',function(){
     $('#Ingredients').empty()
      $('#Ingredients').fieldcontain('refresh')

  });

附加时我的html代码

<div data-role="fieldcontain" id="Ingredients">    <!--Ingridients-->

 </div>    

   });  

Answer 1

您可以使用下面的代码来完成此操作。

$('#Ingredients p:last').remove();