Question

我有一组段落元素

<p style="font-family:Tahoma; font-size:10.666666666666666; margin:0 0 0 0;">
<p style="font-family:Tahoma; font-size:10.666666666666666; margin:0 0 0 0;">
<p style="font-family:Tahoma; font-size:10.666666666666666; margin:0 0 0 0;">
<p style="font-family:Tahoma; font-size:10.666666666666666; margin:0 0 0 0;">

我必须在字体大小度之后写px。我无法使用我当前的代码

loop
$(this).css("font-size")

我无法使用此功能，因为它显示了父div的字体大小

Answer 1

有两种明显的方法，第一种方法是查看style属性，搜索font-size:字符串后面的数字，并将该字符串替换为自身，但向其中添加px：< / p>

$('p').attr('style',function(i,s){
    return s.replace(/font-size:\s*(\d+.{0,1}\d*)/, function(a){
        return a + 'px';
    });
});

JS Fiddle demo

第二种选择大致相同，虽然它直接使用内联css()方法通过查找字符串font-size和以下数字来设置font-size:，然后删除{ {1}}字符串（因此将font-size:属性设置为该字符串后面的数字并向其添加“px”：

font-size

JS Fiddle demo

Answer 2

这将读取当前值，向其附加“px”，然后重新分配。

$(parent).children('p').each(function(){
    $(this).css("font-size", $(this).css("font-size") + "px");
});

从style属性获取font-size属性

2 个答案: