最近,刚进公司进行前端基础培训,在做两个公司框架的任务,用到jQuery,之前没学过,把我搞懵逼了!不扯了,上代码!
1,点击页面图标,控制页面跳转,代码如下,可做相应修改。
2,将js文件中获取的后台数据,在前台页面中显示出来,数据保存在list中
<div id="GTdata_returnStock" class="rank_list3">
{@each list as item,index}
<dl id="${item.id}"><dt><em>1</em><b>${item.name}</b></dt><dd><span> {@if item.nsy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.nsy}</em></span><span>{@if item.ysy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.ysy}</em></span></dd></dl>
{@/each}
</div>
在这段代码中, {@each list as item,index}中的list是js文件从后台获取的数据,这里只是进行重命名为item和index,{@each}这个是用来遍历list的。由于本段代码是用在股票收益率相关的显示方面的,所以这里要根据收益率的正负值,来相应的控制其显示的颜色,那么判断的过程就用到了if-else语句,如代码中 {@if ,{@else},{@/if}
此外,在判断语句中,之前LZ这样写{@if${ item.ysy}>0}事实证明这样写不对,应改成{@if item.ysy>0} 去掉$符合。