删除最后一个追加

Delete the last append

本文关键字：追加 最后一个 删除      更新时间：2023-09-26

我想删除最后一个追加当我点击后退按钮。但是当我再次选择追加时，最后一个追加项还在。

这是我在追加的代码。它的工作:

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

可以使用下面的代码。

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

使用此代码

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

#参考id选择器。

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

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

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

问题在你的后退按钮代码(点击事件)

它将是- 

$("html").on('click','#btnBack',function(){
      // your code
      // for remove last p element within #Ingredients
      $('#Ingredients p:last').remove();
});
相关文章：