listitem - Usuń - dynamicznie

Question

Utworzyłem listę na podstawie wyniku AJAX. Zasadniczo dynamicznie dodawaj elementy do listy. Ale po raz drugi wywołanie ajax, element listy dołączyć do poprzednich elementów. Chcę ponownie załadować listę. Powinien zawierać wyniki drugiego wywołania ajaxowego.

Chcę usunąć wszystkie elementy listy samodzielnie.Nie istnieje lista ze strony.

Każdy mi pomoże.

Kod dynamicznie dodać wartość listy:

var parent = document.getElementById('listview'); 
var listItem = document.createElement('li'); 
listItem.setAttribute('id','listitem_'+i); 
listItem.innerHTML = "one"; 
parent.appendChild(listItem); 
$(parent).listview("refresh"); 

Answer 1

$('#listview').children().remove('li'); 

to powinno wystarczyć, aby wyczyścić listę.

P.S. Jeśli zamierzasz używać jQuery, użyj go.

Answer 2

Jeśli zrozumiałem masz pytanie, starasz się opróżnić ListView przed dodaniem nowych entryes. Można to zrobić w:

var parent = document.getElementById('listview'); 

//remove all childs here , or easyer with html() 
parent.html(''); 

var listItem = document.createElement('li'); 
listItem.setAttribute('id','listitem_'+i); 
listItem.innerHTML = "one"; 
parent.appendChild(listItem); 
$(parent).listview("refresh"); 

Answer 3

function removeAllOptions(selectbox){ 
    var i; 
    for(i=selectbox.options.length-1;i>=0;i--){ 
     selectbox.remove(i); 
    } 
} 

Answer 4

Jeśli chcesz usunąć wszystko, to dlaczego nie skorzystać z jQuery, aby to zrobić?

$('#listview').empty(); 

Answer 5

Pomoże to w utworzeniu iPhone'a, takiego jak przesunięcie przesunięcie. Jest to odniesienie do http://forum.jquery.com/topic/adding-an-iphone-style-swipe-to-delete-button-to-a-listview

EXERCISEDESCRIPTION.swipeDelete = function(exerciseSetsListview, callback) { 

    var listViewJq = '#'+exerciseSetsListview; 
    $(listViewJq).children().each(function(){ 
     var child = $(this); 
     var childId = child.attr('id'); 
     var splitId = childId.split("_"); 
     var childIdVar = '#'+childId; 
     var childIdBtnVar = splitId[0]+'_button_'+splitId[1]; 
     var childIdBtnVarJq = '#'+childIdBtnVar; 

     $(childIdVar).bind('swiperight', function() { 
       $(childIdVar).prepend('<a href="#" id="'+childIdBtnVar+'" class="aSwipeBtn" data-theme="b" data-inline="true" data-role="button">Delete</a>'); 
       $(childIdBtnVarJq).button(); 
       $(childIdVar).unbind('swiperight'); 
       $(childIdBtnVarJq).bind('click tap', function() { 
        $(childIdVar).remove(); 
        var splitButtonId = childIdBtnVarJq.split("_"); 
        callback(splitButtonId[2]); 
       }); 
      });   

    }); 

}; 

użytkowania:

EXERCISEDESCRIPTION.swipeDelete('exerciseSetsListview', 
    function(e) { 
     EXERCISEDESCRIPTION.setsObj.splice(e,1); 
     EXERCISEDESCRIPTION.repopulateSets(); 
    });