题
我已经根据AJAX结果创建了列表。基本上动态地将项目添加到列表中。但是在第二次呼叫的情况下,列表项目附加到了上一个项目。我想新重新加载列表。它应该包含第二个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");
解决方案
$('#listview').children().remove('li');
这应该可以解决列表。
PS如果您打算使用jQuery,请使用它。
其他提示
如果您想删除所有内容,那么为什么不使用jQuery进行呢?
$('#listview').empty();
这将帮助您创建像Swipe Delete这样的iPhone。这是指 http://forum.jquery.com/topic/adding-an-iphone-style-swipe-to-delete-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();
});
如果我了解您的问题,那么您正在尝试在添加新条目之前要清空ListView。您可以这样做:
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");
function removeAllOptions(selectbox){
var i;
for(i=selectbox.options.length-1;i>=0;i--){
selectbox.remove(i);
}
}
不隶属于 StackOverflow