正则表达式替换html元素属性

前端之家收集整理的这篇文章主要介绍了正则表达式替换html元素属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

正则表达式替换任意html元素任意属性,或增加任意属性

/**
 * 替换html中任意tag内任意attr值
 * @param src_str
 * @param tag
 * @param attr
 * @param val
 * @returns {*}
 */
replace_html_tag_attr: function(src_str,tag,attr,val) {
    if(typeof src_str === 'undefined' || typeof tag === 'undefined' || typeof attr === 'undefined' || typeof val === 'undefined') {
        return '';
    }

    var reg = new RegExp('<' + tag + '[^>]*(' + attr + '=[\'\"](\\w*%?)[\'\"])?[^>]*>','gi');
    return src_str.replace(reg,function (match) {
        if(match.indexOf(attr) > 0) {
            //包含attr属性,替换attr
            var sub_reg = new RegExp(attr + '=[\'\"](\w*%?)[\'\"]','gi');
            return match.replace(sub_reg,attr +'=' + val);
        }else{
            //不包含attr属性,添加attr
            return match.substr(0,tag.length + 1) + ' ' + attr + '=' + val + ' ' + match.substr(tag.length + 2,match.length);
        }
    });
},

猜你在找的正则表达式相关文章