jquery - listitem-削除-動的に

Question

AJAXの結果に基づいてリストを作成しました。基本的に、アイテムをリストに動的に追加します。ただし、2回目のajax呼び出しでは、リスト項目が前の項目に追加されます。リストを新たにリロードしたい。2番目のajax呼び出しの結果が含まれている必要があります。

すべてのリストアイテムだけを削除したい。ページからリストではない。

誰もが私を助けてくれます。

リスト値を動的に追加するためのコード：

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

score 20 · Accepted Answer

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

これにより、リストをクリアするためのトリックが実行されます。

PS jQueryを使用する場合は、それを使用してください。

score 14 · Accepted Answer

すべてを削除したい場合は、jQueryを使用して削除してみませんか？

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

score 1 · Accepted Answer

これは、スワイプ削除のようなiPhoneを作成するのに役立ちます。これは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]);
              });
            });         

    });

};

利用方法：

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

score 0 · Accepted Answer

あなたが質問していることを理解した場合は、新しいエントリを追加する前にリストビューを空にしようとしています。あなたはでこれを行うことができます：

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

score 0 · Accepted Answer

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

jquery - listitem-削除-動的に

5 に答える 5

Related

Reference