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为。的元素中找到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();
});

删除最后一个附加

3 个答案: