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()字符替换

猜你喜欢