html - 搜索替换字符串模式将 px 添加到数值

Question

我正在尝试在随机数值后添加 px。

这将在 CentOS 服务器上完成，并且需要对所有 .htm 扩展名递归完成。

类似的例子是

<br>style="position:absolute;top:1103;left:459"><br>

到

style="position:absolute;top:1103px;left:459px">

常见的模式是'style="position:absolute;top:#;left:#">'

我该怎么做？

Answer 1

试试这个 jquery 脚本

JS:

var s = $('.container').attr('style');
var arr = s.split(':');    
for(i=0; i< arr.length; i++)
{
    if(!isNaN(arr[i]))
    {
        arr[i] += 'px';
    }
}
var new_style = arr.join(':');
$('.container').attr('style', new_style);

更新:

使用了两次拆分功能。

JS:

        var s = $('.container').attr('style');
        var arr = s.split(';');    
        for(i=0; i< arr.length; i++)
        {

            var temp = arr[i].split(':');
            if(!isNaN(temp[1]))
            {
                temp[1] += 'px';
            }
            arr[i] = temp.join(':');
        }
        var new_style = arr.join(';');
        $('.container').attr('style', new_style);
        $('.container').html('Style = '+ new_style);

Updated DEMO link