通过一个小例子讲下动态获取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的数据的更多相关文章

  1. 获取ul li的value的值

    <script> $(function(){ $(".month-list").find("li").click(function(){ var t ...

  2. 企业微信自建应用移动端动态获取li并给其事件问题总结

    前段时间一个项目增加企业微信移动端应用,其中几个小功能用到ul-li列表点击并获得相应数据: 开始用var lis=$('#ul li'); for(var=i;i<lis.length;i++ ...

  3. React使用jquery方式动态获取数据

    好久没写react了,今天有空写一下来react实现实时请求数据,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js ...

  4. jquery 动态添加和删除 ul li列表

    今天需要实现一个jquery动态添加和删除  ul li列表中的li行,自己简单的实现乐一个,分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

  5. 二级ul li元素动态加载click事件

    一.代码 html代码: <ul class="id1" id="id1" style="width:84%; height:75%;overf ...

  6. 日志系统实战(二)-AOP动态获取运行时数据

    介绍 这篇距上一篇已经拖3个月之久了,批评自己下. 通过上篇介绍了解如何利用mono反射代码,可以拿出编译好的静态数据.例如方法参数信息之类的. 但实际情况是往往需要的是运行时的数据,就是用户输入等外 ...

  7. Jquery和JS获取ul中li标签(转)

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

  8. Jquery和JS获取ul中li标签

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

  9. 使用Mono Cecil 动态获取运行时数据 (Atribute形式 进行注入 用于写Log) [此文报考 xxx is declared in another module and needs to be imported的解决方法]-摘自网络

    目录 一:普通写法 二:注入定义 三:Weave函数 四:参数构造 五:业务编写 六:注入调用 7.  怎么调用别的程序集的方法示例 8. [is declared in another module ...

随机推荐

  1. Sublime Text 3最好的功能、插件和设置(转)

    Sublime Text 3 是一个了不起的软件.首先,它是一个干净,实用,可以快速的编写代码编辑器.它不仅具有令人难以置信的内置功能(多行编辑和VIM模式),而且还支持插件,代码片段和其他许多东西. ...

  2. CSS之圣杯布局与双飞翼布局

    圣杯布局 三行等高 HTML: <!DOCTYPE html><html><head>    <meta charset="utf-8"& ...

  3. CentOS6.8 MySQL 5.6实现主从复制

    主库操作 1.将mysqldump命令添加到/usr/bin中 ln -s /application/mysql/bin/mysqldump /usr/bin/ 2.开启master上的log-bin ...

  4. shell 判断条件

    [ -a FILE ] 如果 FILE 存在则为真. [ -b FILE ] 如果 FILE 存在且是一个块特殊文件则为真. [ -c FILE ] 如果 FILE 存在且是一个字特殊文件则为真. [ ...

  5. iOS 手写输入法奔溃,替换隐藏键盘方法

    {   UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:se ...

  6. Java中的代理模式

    代理模式在Java Web的框架中经常使用到.比如说在对数据库的访问中,核心功能是对数据库的增删改查,而连接数据库.处理事务等功能我们在开发中也要考虑到.所以我们将数据库的CRUD抽象到接口中,然后实 ...

  7. 使用nginx部署Yii 2.0\yii-basic-app-2.0.5

    nginx.conf #user nobody;worker_processes 1; #error_log logs/error.log;#error_log logs/error.log noti ...

  8. [vB.NET]为控件添加鼠标悬浮时的提示气泡

    实例代码: Dim k As ToolTip k = New ToolTip() k.AutoPopDelay = '显示出气泡后的延时时间(毫秒) k.InitialDelay = '出现前的延时( ...

  9. git 相关

    github入门   一.先了解 相比CVS\SVN优势: - 支持离线开发,离线Repository- 强大的分支功能,适合多个独立开发者协作- 速度快 github 本地有仓库,储存着所有repo ...

  10. python os.system()返回值判断

    最近遇到os.system()执行系统命令的情况,上网搜集了一下资料,整理如下,以备不时之需,同时也希望能帮到某些人. 一.python中的 os.system(cmd)的返回值与linux命令返回值 ...