如何重置 jQuery 生成的 div 的内容？

Question

我正在使用带有 jQuery 的 Onsen UI 框架，而我的 HTML 在其初始状态下是这样的吗？:

<ons-scroller id="category-list">      
</ons-scroller>

然后我有一个函数可以填充这个 div:

function createElement(elementId,elementvalue)
{
   var content = document.getElementById(elementId);
   content.innerHTML=elementvalue;
   ons.compile(content);
}

然后在代码中调用为：

if (data.has_menu_category==2){
        var htm='';
        htm+='<ons-list>';
        $.each( data.menu_category, function( key, val ) {            
             htm+='<ons-list-item modifier="tappable" class="row" onclick="loadmenu('+
             val.cat_id+','+val.merchant_id+');">'+val.category_name+' <span style="float:right;">'+val.items_count+'</span></ons-list-item>';
        }); 
        htm+='</ons-list>';
        createElement('category-list',htm); 
}

然后 category-list 会填充项目。但是我不知道如何 RESET 该列表回到初始状态。基本回到

<ons-scroller id="category-list">      
</ons-scroller>

我该怎么做？

Answer 1

您只需将 html 设置为空字符串即可。

jQuery方式：

$('#category-list').html('');

核心javascript方式：

document.getElementById('category-list').innerHTML = '';

如何重置 jQuery 生成的 div 的内容？

How can I reset the contents of a div generated by jQuery?

javascript

jquery

onsen-ui