jquery - jQuery Mobile：向 ui-grids 添加动态内容并删除它

Question

我想将内容添加到 ui-grid。这是一些 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>');
}