动态获取ul,li的数据
通过一个小例子讲下动态获取li标签的数据,前台页面原有样式:
<div class="flone">
<ul class="fltwo">
<li class="fole" id="dk1"><a><div class="liuliang">20M</div><div class="jiage">10元</div></a></li>
<li class="foce" id="dk2"><a><div class="liuliang">50M</div><div class="jiage">30元</div></a></li>
<li class="fori" id="dk3"><a><div class="liuliang">100M</div><div class="jiage">50元</div></a></li>
<li class="fole" id="dk4"><a><div class="liuliang">200M</div><div class="jiage">70元</div></a></li>
<li class="foce" id="dk5"><a><div class="liuliang">300M</div><div class="jiage">100元</div></a></li>
<li class="fori" id="dk6"><a><div class="liuliang">500M</div><div class="jiage">150元</div></a></li>
<li class="fole" id="dk7"><a><div class="liuliang">1G</div><div class="jiage">200元</div></a></li>
</ul>
</div>
如上代码所示,现在的需求是把li里的数据动态读取出来,代码修改如下:
<form id="form1" runat="server">
<div class="flone">
<ul class="fltwo">
<%=updateCSS%>
</ul>
</div>
</form>
说明:<%=updateCSS%>updateCSS是后台的变量,在后台要给updateCSS赋值,里面的值就是你自己(从数据库或者接口)获取到的
string url2 = "~/meallist";//获取数据的链接
string ss = HttpHelper.HttpPostResponse(url2, pan, , null, null);//接收到的数据
string[] strArray = ss.Split(new String[] { "##" }, StringSplitOptions.RemoveEmptyEntries);
string temp = "<li class=\"{0}\"><a><div class=\"liuliang\">{1}</div><div class=\"jiage\">{2}元</div></a><input type=\"hidden\" name=\"price\" value=\"{2}\" /><input type=\"hidden\" name=\"MEALID\" value=\"{3}\" /></li>";
StringBuilder builder = new StringBuilder();
decimal price;
for (int i=;i< strArray.Length;i++)
{
string[] items = strArray[i].Split('#');
if (i == || i == || i == )
{
price = Math.Round(decimal.Parse(items[]),);
builder.AppendFormat(temp, "foce", items[], price, items[]);
}
else
{
price = Math.Round(decimal.Parse(items[]),);
builder.AppendFormat(temp, "fole", items[], price, items[]);
}
}
updateCSS = builder.ToString();
也可以用其他的方式,repeater控件或者datalist控件等等
动态获取ul,li的数据的更多相关文章
- 获取ul li的value的值
<script> $(function(){ $(".month-list").find("li").click(function(){ var t ...
- 企业微信自建应用移动端动态获取li并给其事件问题总结
前段时间一个项目增加企业微信移动端应用,其中几个小功能用到ul-li列表点击并获得相应数据: 开始用var lis=$('#ul li'); for(var=i;i<lis.length;i++ ...
- React使用jquery方式动态获取数据
好久没写react了,今天有空写一下来react实现实时请求数据,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js ...
- jquery 动态添加和删除 ul li列表
今天需要实现一个jquery动态添加和删除 ul li列表中的li行,自己简单的实现乐一个,分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
- 二级ul li元素动态加载click事件
一.代码 html代码: <ul class="id1" id="id1" style="width:84%; height:75%;overf ...
- 日志系统实战(二)-AOP动态获取运行时数据
介绍 这篇距上一篇已经拖3个月之久了,批评自己下. 通过上篇介绍了解如何利用mono反射代码,可以拿出编译好的静态数据.例如方法参数信息之类的. 但实际情况是往往需要的是运行时的数据,就是用户输入等外 ...
- Jquery和JS获取ul中li标签(转)
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
- Jquery和JS获取ul中li标签
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
- 使用Mono Cecil 动态获取运行时数据 (Atribute形式 进行注入 用于写Log) [此文报考 xxx is declared in another module and needs to be imported的解决方法]-摘自网络
目录 一:普通写法 二:注入定义 三:Weave函数 四:参数构造 五:业务编写 六:注入调用 7. 怎么调用别的程序集的方法示例 8. [is declared in another module ...
随机推荐
- 20160113 JS中CheckBox如何控制全选
//判断CheckBoxzong他的点击事件 $("#CheckBoxzong").click(function () { //取出所有class为选中的集合 var query ...
- yum升级CentOS 6.5 kernel至3.10.52
we will use ELRepo to install kernel 1. rpm --import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org 2 ...
- python数据分析之pandas库的DataFrame应用二
本节介绍Series和DataFrame中的数据的基本手段 重新索引 pandas对象的一个重要方法就是reindex,作用是创建一个适应新索引的新对象 ''' Created on 2016-8-1 ...
- HTML5能取代IOS原生应用吗
介绍 移动应用程序(App)和HTML5都是目前最火的技术,二者之间也有不少重叠之处.在移动设备浏览器里运行的html5的web页面,也可以重新打包成不同平台上运行的app.目前很多浏览器都有很好的跨 ...
- JVM垃圾回收参数说明整理
java -Xms4g -Xmx4g -Xmn3g -Xss256k -server -XX:PermSize=64M -XX:MaxPermSize=64M -XX:+UseConcMarkSwee ...
- web页面打开本地app(判断是否安装)
在应用宝中有APP申请链接: //是否可以打开App不可以跳则到下载页 $(".downNow button").on("click",function(){ ...
- 2014年第五届蓝桥杯C/C++程序设计本科B组决赛
1.年龄巧合(枚举) 2.出栈次序(推公式/Catalan数) 3.信号匹配(kmp) 4.生物芯片(完全平方数) 5.Log大侠(线段树) 6.殖民地 1.年龄巧合 小明和他的表弟一起去看电影,有人 ...
- Runloop基础知识
*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } ...
- Linux字符界面下用户账户的设置
在Linux系统字符界面下创建.修改以及删除用户账户主要使用useradd,usermod和userdel这3个命令. 一.创建用户账户 创建用户账户就是在系统中创建一个新账户,然后为新账户分配用户U ...
- 纸上谈兵:AVL树
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 二叉搜索树的深度与搜索效率 我们在树, 二叉树, 二叉搜索树中提到,一个有n个节点 ...