js遍历传参到html
<p id="subp" hidden><button id= "upsub"shiro:hasPermission="sys:menu:edit" type="button" class="btn btn-success" onclick="updateById('@params_id@')">
<i aria-hidden="true"></i>修改
</button>
<button id= "delsub" shiro:hasPermission="sys:menu:del" type="button" class="btn btn-danger" onclick="delById('@params_id@')">
<i aria-hidden="true"></i>删除 </button>
<button id= "findsub" shiro:hasPermission="sys:menu:view" type="button" class="btn btn-info" onclick="findById('@params_id@')">
<i aria-hidden="true"></i>查看
</button>
</p>
JS:
//html() 方法返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数,则返回被选元素的当前内容。
var buttonHtml = $("#subp").html();
//split() 方法用于把一个字符串分割成字符串数组,查看有几个button
var buttoum = (buttonHtml.split('<button')).length-1;
for(var m=0;m<buttoum;m++){
//遍历按钮个数,取出@params_字符串的位置,进行替换,直至没有为止,indexOf()可返回某个指定的字符串值在字符串中首次出现的位置
var startm = buttonHtml.indexOf('@params_');
//不存在,则不需要进行下面操作
if(startm>=0){
var endm = buttonHtml.indexOf('@\')');
//substring() 方法用于提取字符串中介于两个指定下标之间的字符
var iteme = buttonHtml.substring(startm,endm+1);
//将字符串@params_id@替换,replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串
buttonHtml = buttonHtml.replace(iteme,""+menuList.subModuleList[k].id+"")
}else{
break;
}
}
html += buttonHtml;
主要方法:
split()分割字符串数组
indexOf()返回标志首次出现的位置
substring()提取两个指定下标之间的字符
replace()字符替换
js遍历传参到html的更多相关文章
- js遍历传参给html
<p id="subp" hidden><button id= "upsub"shiro:hasPermission="sys:me ...
- EL表达式的js函数传参问题
<!Doctype html> <html> <head> <title>js的传参问题</title> <script type=& ...
- js url传参,参数加密
前台 function encode64(input) { var output = ""; var base = new Base64(); var output = base. ...
- js构造函数传参
1.直接传参并用this关键字初始化属性 function Person(name,age,learn){ this.name = name; this.age = age; this.learn = ...
- js get 传参 汉字 乱码问题
js encodeURI(encodeURI(searchWord)) java URLDecoder.decode(searchWord,"utf-8")
- 用js来传参到父网页实现
今天搞了半天,用location.href提交参数到后台,结果php无法接收到参数,这让我找了半天,终于发现原因是本页被另外的主页引用了,最终发现问题出在提交js上,最终用parent.locatio ...
- js SetTimeout传参问题
今天写代码遇到这样一个问题,先上代码 <!--JS方法--> function textout(obj){ if(opac==60){opac=0;return;}; opac+=10; ...
- JS 内部传参
- tp5中url使用js变量传参方法
window.location.href="{:url('Index/index')}>"+"/ID/"+ID; //这样可以生成,但url模式改变则不能 ...
随机推荐
- 洛谷P1603 斯诺登的密码
https://www.luogu.org/problem/P1603 #include<bits/stdc++.h> using namespace std; struct s { st ...
- Shell脚本查询磁盘数量
之前帮朋友写的脚本,运维大数据服务器时候用的. #!/bin/bash ##磁盘数量 Disk=$( fdisk -l |grep 'Disk' |grep 'sd' |awk -F , '{prin ...
- 编码 - 调整 gitbash 文本字符集
概述 gitbash 设置 文本字符集 背景 最近被 编码 的事情搞得乱七八糟 有点没头绪, 所以碰到 编码相关 的东西, 都想看上一看 环境 os win10.1903 git 2.20.1 1. ...
- sql developer执行sql文件
sql语句可以直接copy到sqlDeveloper的sql window中执行,但是当sql语句过多时,我们可以在command window中来执行sql文件 具体的命令是: start d:\m ...
- 1、spring与springmvc父子容器
转载于http://www.tianshouzhi.com/api/tutorials/spring 1.0 spring与springmvc父子容器 1.spring和springmvc父子容器概念 ...
- hdu1716 排列2
12 21 123 132 213 231 321 312 .... 每次都将后面n-1位进行全排列.递归的出口当起始坐标等于终止坐标时.需要还原. 设计标记数组.因为需要从小到大输出. #def ...
- Vue中父组件向子组件echarts传值问题
原文链接:https://blog.csdn.net/Uookic/article/details/80638883?utm_source=copy 问题:当父组件传值给子组件echarts时,发现子 ...
- JS点击显示隐藏内容
JS点击显示隐藏密码 思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...
- js控制日期的前或后N天,前或后一个月
/*获取指定日期前或者后指定间隔时间* sdate:指定日期* interval:时间间隔* caret:间隔符*/function getNowFormatDate(sdate,interval,c ...
- ASP.NET + MVC5 入门完整教程八 -—-- 一个完整的应用程序(上)
https://blog.csdn.net/qq_21419015/article/details/80509513 SportsStore 1.开始创建Visual Studio 解决方案和项目这里 ...