.append裏面的.html不工作在jquery

Question

我想使用.append使用for循環顯示多個數據。 我需要通過.html函數第二次點擊某些其他數據來替換所有數據。

這是我的代碼更多的解釋。

$(".content").html(function(){ 
    for(var l=1; l<4 ; l++) 
    $(".content").append("Event-"+l+"<br>"+player.activity[l].desc+"<br>"); 
} 

假設我有活性的json象下面這樣：

player : [{ 
"name": "Johny", 
"activity" : [ 
    {"id:1","desc" : "abc"}, 
    {"id:2","desc" : "abc"}, 
    {"id:3","desc" : "abc"} 
] 
},{ 
"name": "Mony", 
"activity" : [ 
    {"id:1","desc" : "abc"}, 
    {"id:2","desc" : "abc"}, 
    {"id:3","desc" : "abc"} 
] 
}] 

所以基本上我想取代我佐尼的活動MONY的。

我也嘗試交換內部.append裏面的.html這樣的方法工作正常，但.app內部.html不工作。它將Mony的數據附加到johny的數據。

有什麼建議嗎？

Answer 1

功能 is not allowed在 .html方法。只有字符串。

您的for應該按照您的要求進行。不要.html的函數內部放置：

for(var l=1; l<4 ; l++) 
    $(".content").append("Event-"+l+"<br>"+player.activity[l].desc+"<br>"); 
} 

如果您要更換的內容，那麼只需for之前調用.html與空字符串：

$(".content").html(""); 
for(var l=1; l<4 ; l++) 
    $(".content").append("Event-"+l+"<br>"+player.activity[l].desc+"<br>"); 
} 

---

UPDATE

建立一個字符串並只更改一次DOM更好。這將減少DOM訪問。

var html = ""; 
for(var l=1; l<4 ; l++) 
    html += "Event-"+l+"<br>"+player.activity[l].desc+"<br>"; 
} 
$(".content").html(html); 

---

更新＃2

功能允許的，但return應使用：

$(".content").html(function(){ 
    var html = ""; 
    for(var l=1; l<4 ; l++) 
    html += "Event-"+l+"<br>"+player.activity[l].desc+"<br>"; 
    } 
    return html; 
}); 

Answer 2

此代碼是非常馬車。

1）.html（）應該有參數作爲字符串不是函數。

2）播放器是數組player.activity [l]將不起作用。

如果你想看到所有的說明：以下是該解決方案

for(var i=0; i<player.length ; i++){ 
    for(var j=0; j<player[i].length ; j++){ 

     $(".content").append("Event-"+j+"<br>"+player[i].activity[j].desc+"<br>"); 
    } 
    } 

Answer 3

的documentation說：

在jQuery 1.4中，.html()方法允許HTML內容通過傳遞設置在函數中

所以，是的，你可以使用.html()裏面的函數。函數必須返回一個字符串，它將是元素的內容。

$(".content").html(function(){ 
    var content = ""; 
    for (var l = 1; l < 4 ; l++) { 
     content += "Event-" + l + "<br>" + player.activity[l].desc + "<br>"; 
    } 
    return content; 
});