如何实现点击一个‘li’让页面数据局部刷新

<div class="wealist" id="daily-html">  
            </div>  
<script type="text/html" id="daily-temp">  
            <ul id="update">  
                {{each list as value i}}  
                <li class="{{color[i]}}" >  
                    <div class="period-time">{{value.day}}</div>  
                    <div class="period-date">{{value.date}}</div>  
                    <div class="weaicon"><span class="mui-icon iconfont {{value.skyicon}}"></span></div>  
                    <div class="thermometer" id="thermometer{{i}}"><span>{{value.min}}</span>°<span>/{{value.max}}</span>°</div>  
                </li>  
                {{/each}}  
            </ul>  
        </script>

动态绑定监听事件

mui('#daily-html').on('tap','li',function(){  
        var self = this;  
        console.log(self.getAttribute("class"));