2013-04-30 37 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(); 
});