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

  • 相关阅读:
    Flutter form 的表单 input
    FloatingActionButton 实现类似 闲鱼 App 底部导航凸起按钮
    Flutter 中的常见的按钮组件 以及自 定义按钮组件
    Drawer 侧边栏、以及侧边栏内 容布局
    AppBar 自定义顶部导航按钮 图标、颜色 以及 TabBar 定义顶部 Tab 切换 通过TabController 定义TabBar
    清空路由 路由替换 返回到根路由
    应对ubuntu linux图形界面卡住的方法
    [转] 一块赚零花钱
    [转]在树莓派上搭建LAMP服务
    ssh保持连接
  • 原文地址:https://www.cnblogs.com/IT1517/p/4983671.html
Copyright © 2011-2022 走看看