listitem - Rimuovere - dinamicamente

Question

Ho creato la lista in base al risultato AJAX. Fondamentalmente aggiungere dinamicamente le voci nella lista. Ma nel secondo ajax Tempo di chiamata, la voce di elenco di accodamento per le voci precedenti. Voglio ricaricare la lista di recente. Dovrebbe contiene i risultati della seconda convocazione Ajax.

Voglio rimuovere i tutti gli elementi di una lista alone.Not un elenco dalla pagina.

Una qualsiasi aiuto che mi.

Codice per aggiungere dinamicamente il valore della lista:

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');

questo dovrebbe fare il trucco per cancellare l'elenco.

P.S. Se avete intenzione di utilizzare jQuery, quindi utilizzarlo.

Answer 2

Se si desidera rimuovere tutto ciò, allora perché non utilizzare jQuery per farlo?

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

Answer 3

Questo vi aiuterà a creare un iPhone come colpo di eliminazione. Questo è in riferimento alla 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]);
              });
            });         

    });

};

utilizzo:

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

Answer 4

Se ti ho capito Non Sei domanda, si sta cercando di svuotare il ListView prima di aggiungere nuovi entryes. È possibile farlo in:

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 5

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