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的内容？

1 个答案: