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

  • 相关阅读:
    JQuery之动画效果
    JS (随着鼠标的移动,旁边显示放大图)
    jQuery 事件和动画
    jQuery 概述
    CSS (层叠样式表)
    css的文章部分的基本语句
    HTML基本语法
    Web
    JavaScript预解析案例,JavaScript预解析题目
    JavaScript预解析 变量提升与函数提升
  • 原文地址:https://www.cnblogs.com/IT1517/p/4983671.html
Copyright © 2011-2022 走看看