Как удалить элементы из списка просмотра мобильного телефона JQUERY

Question

Существует представление списка, и оно загружается динамически при загрузке страницы.Это добавляет элементы в виде списка.Проблема в том, что я поместил кнопку. После перехода к предыдущему экрану и возврата к текущему экрану происходит загрузка данных и добавление в представление списка.

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

Попробуйте очистить список перед добавлением элементов списка.После этого обязательно вызовите функцию обновления виджета списка, чтобы 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 li").remove();

Answer 3

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

выполняет за меня работу

Answer 4

Тогда не используйте append.
использовать

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