此代碼在ul
中追加1個或多個li
,但每次運行代碼時,都會繼續追加。 我想用新數據第一次替換附加數據。我嘗試使用.empty
,但是如果數據有多個1 li
標記,它將僅返回最後一個li
,因爲它會清除第一次迭代。使用ajax在ul標記中追加結果
function addCourse(){
$.post("addCourse", function(result){
var response = $.parseJSON(result);
$.each(response, function(i, val) {
var day = JSON.stringify(val.day).replace(/\"/g, "");
var hour = JSON.stringify(val.hour).replace(/\"/g, "");
var date = day+"_"+hour;
$("#div1").append("<li><a data-toggle='tab' href=#"+date+">"+date+"</a></li>");
});
});
}
HTML代碼
<ul class="nav nav-tabs" id="div1" role="tablist" >
<li class="active" id="home">
<a data-toggle="tab" href="#Home" >Home</a>
</li>
</ul>
它會刪除這個太
而不是'$(」div1「)。empty()',你可以做'$(」div1「)。children()。not('#home')。remove ()' – Buzinas
效果不錯,謝謝h @Buzinas –