jq 生成html
时间:2021-09-08
本文章向大家介绍jq 生成html,主要包括jq 生成html使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<div style="width:730px;"> <input type="text" id="search_name7" name="search_name" value="" style="display:none;"> <div style="height: 345px;margin-top:10px;width:730px;"> <table class="table table-bordered mytable"> <thead> <tr> <th style="width:40%">行政相对人名称</th> <th style="width:30%">发布机构</th> <th style="width:20%">发布时间</th> </tr> </thead> <tbody id="tabmenu5"> </tbody> </table> </div> <div style="height:80px;"> <div class="myPagination"></div> </div> <div> <p>相关部门</p> <div style="width:730px"> <ul id="tabmenu51" style="padding: 0px;font-size:12px;"> </ul> </div> </div> </div> $(document).on("click",".sel",function(){ var id = $(this).attr("id"); //alert("我的id属性值为:"+id); $("#search_name7").val(id); getList(1); }); $(document).ready(function () { getList(1); }); function getList(page) { //行政许可列表1 let search_creater = $("#search_name7").val(); if (!search_creater == false) { }else{ search_creater=''; } let obj={page:page,search_creater_id:search_creater}; $.ajax({ type: "get", url: url2, data: obj, dataType: "json", success: function (data) { console.log(data); console.log(data.data.page.list); let str = ''; for (var i = 0; i < data.data.page.list.length; i++) { str = str + '<tr><td style="padding:4px;text-align:left"><a class="width-unchange" href="' + urlStr + '/web/penaltyinformation/view/' + data.data.page.list[i].id + '" target="_blank">' + data.data.page.list[i].cf_XDR_MC + '</a></td><td style="padding:4px"><a class="width-unchange sel" id="'+ data.data.page.list[i].creater_id+'" href="javascript:void(0)" >' + data.data.page.list[i].creater_name + '</a></td><td style="padding:4px">' + new Date(data.data.page.list[i] .release_date).Format("yyyy-MM-dd") + '</td></tr>'; } //console.log(str); let str1 = ''; for (var i = 0; i < data.data.userlist.length; i++) { str1 = str1 + ' <li class="width-unchange" style="padding:4px;text-align: left;float:left;list-style-type:none;width: 25%;"><a href="javascript:void(0)" class="user sel" id="'+ data.data.userlist[i].id+'">' + data.data.userlist[i].name + '</a></li>'; } $('#tabmenu5').html(str); $('#tabmenu51').html(str1); if (page == 1) { $(".myPagination").Pagination({ page: page, count: data.data.page.rowCount, groups: 10, onPageChange: function (page) { console.log("当前是:" + page); getList(page); } }); } } }); }
原文地址:https://www.cnblogs.com/foreXdd/p/15241593.html
- 1.Django自学课堂 模板的使用
- 23.Django基础
- SpringBoot开发案例之整合Quartz注入Service
- 谈谈代码质量问题
- SpringCloud config配置文件加密
- SpringCloud服务比较快的下线配置
- 洛谷P2870 [USACO07DEC]最佳牛线,黄金Best Cow Line, Gold
- 24.Django路由规则
- 洛谷P2852 [USACO06DEC]牛奶模式Milk Patterns
- 25.django Model
- 26.Django模板语言和分页
- 28.Django cookie
- 29.Django session
- 30.Django CSRF 中间件
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Python | Flask 解决跨域问题
- 算法 | 斐波那契数列
- 并发学习一、MPI初步认识
- Linux下使用wget下载FTP服务器文件
- 使用Java Api 操作HDFS
- String、StringBuffer 的使用 ,两个面试问题
- Java基础【冒泡、选择排序、二分查找】
- Java基础 【Arrays 类的使用】
- i++ 是线程安全的吗?一脸蒙逼
- Java程序员必备基础:JDK 5-15都有哪些经典新特性
- Java开发中如何自动填充SQL语句中的公共字段
- 打卡群刷题总结0918——乘积最大子数组
- 打卡群刷题总结0919——打家劫舍
- 打卡群刷题总结0920——打家劫舍 II
- 打卡群刷题总结0921——最大正方形