zoukankan      html  css  js  c++  java
  • 根据样式往里添加动态数据

    <div id="lefttrainingPlan">
        <div id="trainingPlantitle">训练计划<span class="titleright"><img src="css/common/image/titleright.png" /></span></div>
        <div id="trainingPlanbody">
            <div id="trainingPlanleft">
    <%--       <ul class="ul">
                    <li class="litime">2015/11/19<br />
                        08:00</li>
                    <li class="litime">2015/11/19<br />
                        10:30</li>
                    <li class="litime">2015/11/19<br />
                        14:00</li>
                    <li class="litime">2015/11/19<br />
                        18:30</li>
                </ul>--%>
            </div>
            <div id="trainingPlancenter">
                <img src="css/common/image/planonefour.png" />
            </div>
            <div id="trainingPlanright">
       <%--         <ul class="ul">
                    <li class="libody">活动身体</li>
                    <li class="libody">活动身体</li>
                    <li class="libody">活动身体</li>
                    <li class="libody">活动身体</li>
                </ul>--%>
            </div>

                <script type="text/javascript">
                    $(function () {
                        GetTodayPlanFromWeekPlanTable();
                    });
                    function GetTodayPlanFromWeekPlanTable() {
                        $.post(location.href, { "action": "weekPlansInfo" }, function (data) {        //向后太代码传值
                            if (data != "0") {
                                var dataObj = eval("(" + data + ")");
                                var newstr = '<ul class="ul">';                                          //在原来的样式中找到添加      
                                var newstrd = '<ul class="ul">'                                          //如上         
                                for (var i = 0; i < 4; i++) {                                             //循环添加
                                    newstr += '<li class="litime">' + dataObj.rows[i].JSON_datenow   + '<br />' + dataObj.rows[i].JSON_starttime + '</li>';          //拼接<li></li>alter()找到所需的JSON_。。所需要的数据
                                    newstrd += '<li class="libody">' + '<a href="' + dataObj.rows[i].JSON_weeksplansid + '">' + dataObj.rows[i].JSON_weektask + '</li>'
                                }
                                newstr += '</ul>';
                                newstrd += '</ul>';
                                $("#trainingPlanleft").append(newstr);
                                $("#trainingPlanright").append(newstrd);
                            }
                        });
                    }
        </script>
        </div>
    </di

  • 相关阅读:
    iOS开发之结合asp.net webservice实现文件上传下载
    iOS开发之结合asp.net webservice实现文件上传下载
    底部粘连(stiky footer)布局
    底部粘连(stiky footer)布局
    我在项目中运用 IOC(依赖注入)--实战篇
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    Facebook Libra 白皮书全文:采用拜占庭共识,可扩展至数十亿客户
    DBA遇到问题时的30 个反应,你是哪一种?
  • 原文地址:https://www.cnblogs.com/IT1517/p/4983671.html
Copyright © 2011-2022 走看看