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();

Answer 2

使用此代码

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

解释

#id 选择器的裁判。

$('#Ingredients p)在 id 为 Ingredients 的元素中查找 p 标签。

$('#Ingredients p:last')选择 id 为成分的元素中的最后一个 p 标记。

.remove()函数将其从页面中删除。

Answer 3

问题出在您的后退按钮代码中（点击事件）

这将是 -

$("html").on('click','#btnBack',function(){

      // your code

      // for remove last p element within #Ingredients
      $('#Ingredients p:last').remove();
});