jQuery Mobile：向UI網格添加動態內容並將其刪除

Question

我想將內容添加到UI網格。這是一些JSON數據，有時沒有可用的數據。正因爲如此，我需要的if語句：

if (typeof results.xyz[0] !== "undefined") { 
$("#testing").append('<div class="ui-block-a" id="springboard2"><div class="springboardIcon"><a onclick="changeActorInfo('+results.xyz[0].id+')" href="#"><img src="http://www..."><span id="springboardLabelActors">'+results.xyz[0].name+'</span></a></div></div>'); 
      } else {} 

2個問題：

1）每次我打開添加了內容的數據。但之前添加的內容應該會消失。

2）else {}子句當前爲空。當沒有json數據可用時，不應添加內容。

如何管理？先謝謝你！！

Answer 1

.append()方法會將內容添加到容器。如果您要替換現有內容，則可以使用.html()。

沒有必要使用else子句，你的if條件就足夠了。如果您沒有數據，則不會在頁面中插入任何內容。

這是您的修改後的代碼：

if (typeof results.xyz[0] !== "undefined") { 
    $("#testing").html('<div class="ui-block-a" id="springboard2"><div class="springboardIcon"><a onclick="changeActorInfo('+results.xyz[0].id+')" href="#"><img src="http://www..."><span id="springboardLabelActors">'+results.xyz[0].name+'</span></a></div></div>'); 
}