本质是获得数据,然后添加到页面中,并加入样式

js代码:

        $("#table").on("mouseover", "tr", function () {
            var data = this.getAttribute(‘data-points‘);
            if (!data) return;
            data = JSON.parse(data);

            var ht = ‘‘;
            var i = 0;

            var parse = function (data) {
                if (data.children.length) {//如果data.children.length有长度
                    ht += ‘<h4 class="k_point">‘ + "知识点" + ‘</h4>‘;
                    ht += ‘<h4 class="k_point">‘ + data.title + "" + ‘</h4>‘;
                    for (var j = 0; j < data.children.length; j++) {
                        parse(data.children[j]);

                    }
                } else if (data.checked == true) {
                    ht += ‘<p class="s_point">‘ + data.title + (‘‘, ‘<span class="greenword">已掌握</span>‘);
                } else {
                    ht += ‘<p class="s_point">‘ + data.title + (‘‘, ‘<span class="redword">未掌握</span>‘);
                }

            };

            for (var i = 0; i < data.length; i++) {
                parse(data[i]);
            }

            $("#points").html(ht);
        });

data-points:

时间: 2024-10-13 04:31:26

本质是获得数据,然后添加到页面中,并加入样式的相关文章

页面中插入CSS样式的三种方法

页面中插入css样式的三种方法总结 1. 外部样式 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表. <link>标签在(文档的)头部: <head> <link rel="stylesheet" type="text/css" href="path/myCss.css"/> <

Salesforce零基础(三)简单的数据增删改查页面的构建(Ajax样式)

VisualForce封装了很多的标签用来进行页面设计 下面以一个单一的表进行数据增删改查.表结构如图1所示.通过图可以看出GOODS表自己定义的参数主要包括以下: GoodsName__c,GoodsType__c,GoodsBrand__c,GoodsDescribe__c,GoodsPrice__c. 图1 VF每个页面都是以<apex:page>标签起始</apex:page>结束,每个VF页面都有一个Controller用来控制其业务逻辑.本篇例子中主要用到的控件包括如下

JS添加验证页面中script标签中是否存在jquery文件

1 window.onload = function() 2 { 3 var al = document.getElementsByTagName("script"); 4 var new_element=document.createElement("script"); 5 var joine = [] 6 for(var i = 0; i<al.length; i++) 7 { 8 joine.push(al[i].getAttribute("s

如何将 JavaScript 代码添加到网页中,以及 &lt;script&gt; 标签的属性

Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了.我们将在本教程的下一部分中专注于浏览器中的 JavaScript. 首先,让我们看看如何将脚本添加到网页上.对于服务器端环境(如 Node.js),你只需要使用诸如

使用jQuery的data方法来为页面中的某个元素存储数据,(获取焦点,清除默认值)

使用data方法可以避免在DOM中存储数据,有些前端开发er喜欢使用HTML的属性来存储数据: 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的. 我们可以使用jQuery的data方法来为页面中的某个元素存储数据: html部分: 1 <form id="testform"> 2 <input type="text" class="clear" value="Always cleared&qu

PHP 页面中实现数据的增删改查

main页面(主页面) <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>代号</td> <td>姓名</td> <td>性别</td> <td>民族</td> <td>生日</td> &l

wordpress——在插件后台管理页面中添加javascript和ajax

最近在开发一个wordpress插件,需要在插件的后台管理页面上,添加自己写的javascript文件,以达到一些功能. 查了好几天的文档和资料,终于实现了. 这里先介绍下wordpress后台页面添加javascript的过程,再介绍添加ajax的过程. 添加javascript 首先我们需要知道wordpress插件开发的框架,然后再介绍javascript添加的步骤. 添加插件设置页面 开发插件,总需要在管理后台添加自己的插件设置页面.插件设置子页面,在这些页面中,可以设置和保存插件的一些

给WebAPI的REST接口添加测试页面(二)

在上篇文章中,我对Swagger-UI的基本功能进行了一些介绍,今天在这里介绍一下如何在WebAPI中集成Swagger-UI.这里以一个简单的CRUD的REST服务为例. 1 /// <summary> 2 /// 用户管理 3 /// </summary> 4 public class UserController : ApiController 5 { 6 static List<User> _users = new List<Controllers.Use

042医疗项目-模块四:采购单模块—采购单明细添加查询,并且把数据添加到数据库中

我们要实现的功能是: 我们上一篇文章中我们看到如上所示:这个列表里面都是空的.我们本文要做的就是往里面添加数据. 先演示一下流程: 按一下"采购药品添加"按钮执行如下代码: @RequestMapping("/queryaddyycgdmx") public String queryaddyycgdmx(Model model,String yycgdid)throws Exception { List<Dictinfo> yplblis=systemC