清空和添加jquery列表中的新項目

Question

我有一個jQuery的移動列表與一些列表項目。我只想刪除舊項目並動態添加新項目。我嘗試了下面的代碼，但它並沒有刪除以前的列表項並在它們下面添加了新的項目。

<div data-role="page" id="main"> 
    <div data-role="content"> 
    <ul data-role="listview" id="listing"> 
    </ul> 
    <button onclick="loadList()">Click</button> 
    </div> 
    </div> 

    var c1 = 0; 
    var c2 = 10; 
    function loadList() { 
    $('#listing').empty(); 
    location.reload(); 
    for(var i = c1; i<c2; i++) { 
    $('#listing').append('<li>'+i+'</li>'); 
    } 
    c1+=1; 
    c2+=1; 
    } 

Answer 1

對於首先你必須編寫JavaScript代碼爲<script>標籤。（如果你的內部腳本標籤編輯寫你的問題，並添加腳本標記）。您的代碼工作correct.But有一個issue.When你呼籲location.reload()它刷新頁面，所以它添加項目到您的ul後來重裝後刪除它們again.So你看不到任何changes.If你想要的工作，除去location.reload()

<div data-role="page" id="main"> 
    <div data-role="content"> 
    <ul data-role="listview" id="listing"> 
    </ul> 
    <button onclick="loadList()">Click</button> 
    </div> 
    </div> 

<script> 
    var c1 = 0; 
    var c2 = 10; 
    function loadList() { 
    $('#listing').empty(); 
    location.reload(); // <- comment this or remove 
    for(var i = c1; i<c2; i++) { 
    $('#listing').append('<li>'+i+'</li>'); 
    } 
    c1+=1; 
    c2+=1; 
    }; 
</script>