ajax是異步的,動態(tài)添加的那個方法和ajax在同一級订咸,ajax還沒接到返回結(jié)果曼尊,就已經(jīng)執(zhí)行了那個方法了,所以肯定追加不進去脏嚷,那么我們可以在append追加元素已完成的后邊給你想要的元素添加樣式
//給id="name"的div添加class="newshopA" 或者newshopA
$(function(){
$.ajax({
type: 'GET',
url: item + "index.php?r=wxproduct/assortment",
data: {"bcId": bcId, "storeId": storeId},
dataType: "json",
success: function (data) {
var parent_div = $('#hostList').empty();
var str = '<div id="name">';
str+=<p>+data.name+'</p></div>';
parent_div.append(str);
if(data.id>0){
$('#name').addClass('newshopA');
}else{
$('#name').addClass('newshopB');
}
}
})
})
這樣動態(tài)循環(huán)的多個li這種數(shù)據(jù)可能出現(xiàn)只給第一個li里的元素添加了樣式
所以可以添加兩個帶不同class名的div
var parent_div = $('#hostList').empty();
var str = '<div id="name">';
str+=<p>+data.name+'</p>';
if(data.id>0){
</div class="newshopA">
$('#name').addClass('newshopA');
}else{
</div class="newshopB">
$('#name').addClass('newshopB');
}
parent_div.append(str);