如何从列表视图中删除元素JQUERY mobile

Question

有一个列表视图，并在加载页面时动态加载。 这增加了列表视图内的元素。 问题是我已放置backbutton.After到前一个屏幕并返回到当前屏幕它正在加载数据并追加到列表视图。

I need to remove the <li> elements from the list view. 

The HTML code snippet. 
<ul id="mymenu" data-role="listview" > 
</ul> 

Jquery Code Snippet. 
$("#mypmenu").append('<li><a href='+ "#" + ' id="a" "> <img src="letterheader.png" >'+ this.textContent + ' </a> </li>'); 


Now i need to remove the elements from the list view (mymenu)which are loaded already. 

Answer 1

尝试先清空列表，然后再添加列表项。之后，请确保调用listview小部件的刷新功能，以便jQuery Mobile将正确呈现您的列表。

$("#mypmenu").empty().append('<li><a href='+ "#" + ' id="a" "> <img src="letterheader.png" >'+ this.textContent + ' </a> </li>').listview("refresh"); 

又见http://forum.jquery.com/topic/dynamically-generated-listview

Answer 2

不要使用添加即可。
使用

$("#mypmenu").html('<li><a href='+ "#" + ' id="a" "> <img src="letterheader.png" >'+ this.textContent + ' </a> </li>').listview("refresh"); 

Answer 3

$("mypmenu").empty(), followed by $("mypmenu").append()

做这项工作对我来说

Answer 4

这个工作对我来说

$("mypmenu li").remove();