weixin_39582952
weixin_39582952
2017-10-10 14:13

html页面实现list循环问题

  • 数据
  • html5
<#if salaryMonths.keyBeanList?exists>
                                        <#list salaryMonths.keyBeanList as keyBean> 
                                            <#if !keyBean_has_next>
                                                <div class="weui-form-preview__hd">
                                                    <div class="weui-form-preview__item">
                                                        <label class="weui-form-preview__label" id="salaryKey">${(keyBean.key)!}</label>                            
                                                                <em class="weui-form-preview__value" id="salaryValue"> ${(keyBean.value)!}元</em>
                                                            </#if>
                                                    </div>
                                             </div>
                                            <#else>
                                                <div class="weui-form-preview__hd">
                                                    <div class="weui-form-preview__item">
                                                        <label class="weui-form-preview__label" id="key">${(keyBean.key)!}</label>
                                                        <em class="weui-form-preview__value" id="value"> ${(keyBean.value)!}元</em>
                                                    </div>
                                             </div>
                                            </#if>
                                        </#list>
                                    <#else>
                                        没有记录    
                                    </#if>            
                        </#list>
                        </#if>

                    $('.weui-navbar__item').on('click', function () {
        $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        var sMonth = $(this).attr("data-month");
        for(var i=0;i<data.length;i++){
            if(sMonth === data[i].salaryMonth){
                if(data[i].keyBeanList.length > 0){
                    for(int j = 0;j < data[i].keyBeanList.length;j++){
                        $("#key").text(data[i].keyBeanList[j].salaryKey);
                        $("#value").text(data[i].keyBeanList[j].salryValue);
                    }
                }

                    }


    最前面还有月份的按钮没有添加,后台返回的数据是一个List里面放的是一个对象,分别有key,和value值,各位大神如何可以实现,当点击按钮时,可以将对应的值写进去显示出来,现在我是根据id写的,前面的都覆盖了,只显示最后一条记录,想要循环显示出list中所有的key和value值
  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

3条回答