2013-04-30 64 views
0

我想删除最后一个附加,当我点击后退按钮时。但当我选择再次追加时,最后的追加仍然存在。删除最后一个附加

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

$(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>  

    }); 
+1

$( 'P')最后()删除()。? – 2013-04-30 05:13:48

+0

不工作先生.. – 2013-04-30 05:19:03

+1

您需要向我们提供您的页面布局。以下所有答案都是正确的,你只是没有在适当的时候使用它们。 – Gajotres 2013-04-30 07:54:06

回答

2

您可以使用下面的代码做到这一点。

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

仍然得到最后一个append先生..我把你的代码在后退按钮 – 2013-04-30 05:15:46

2

使用此代码

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

说明

#裁判的id选择。

$('#Ingredients p)在id成分的元素中找到p标签。

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

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

+0

不能在btnBack工作.. – 2013-04-30 05:34:27

0

问题是在你的背部按钮代码(点击事件)

这将是 -

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

     // your code 

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