动态获取ul,li的数据

 通过一个小例子讲下动态获取li标签的数据，前台页面原有样式：

  <div class="flone">
 2             <ul class="fltwo">
 3              <li class="fole" id="dk1"><a><div class="liuliang">20M</div><div class="jiage">10元</div></a></li>
 4              <li class="foce" id="dk2"><a><div class="liuliang">50M</div><div class="jiage">30元</div></a></li>
 5              <li class="fori" id="dk3"><a><div class="liuliang">100M</div><div class="jiage">50元</div></a></li>
 6              <li class="fole" id="dk4"><a><div class="liuliang">200M</div><div class="jiage">70元</div></a></li>
 7              <li class="foce" id="dk5"><a><div class="liuliang">300M</div><div class="jiage">100元</div></a></li>
 8              <li class="fori" id="dk6"><a><div class="liuliang">500M</div><div class="jiage">150元</div></a></li>
 9              <li class="fole" id="dk7"><a><div class="liuliang">1G</div><div class="jiage">200元</div></a></li>
10             </ul>
11 </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, 0, 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=0;i< strArray.Length;i++)
            {
                string[] items = strArray[i].Split('#');
                if (i == 1 || i == 4 || i == 7)
                {
                    price = Math.Round(decimal.Parse(items[2]),0);
                    builder.AppendFormat(temp, "foce", items[1], price, items[0]);
                }
                else
                {
                    price = Math.Round(decimal.Parse(items[2]),0);
                    builder.AppendFormat(temp, "fole", items[1], price, items[0]);
                }

            }
            updateCSS = builder.ToString();

也可以用其他的方式，repeater控件或者datalist控件等等