jQuery匹配样式为px的字体大小的元素 [英] jquery match elements with style font-size in px

问题描述

如何使用以像素定义的内联样式字体大小(例如:font-size:12px)来定位元素，以便在单击按钮时修改字体大小.

How to target element with inline-style font-size defined in pixels (ex: font-size:12px) in order to modify font-size on a button click.

有人可以帮忙完成此javascript代码:

Can someone help finish this javascript code :

html

<div class='parent' style='font-size:15px'>
    <div>div 1 no inline styling</div>
    <div style='font-size:1em'>div 2 inlined font-size 1em</div>
    <div class='div-3'>div 3, CSS font-size:14px;</div>
    <div style='font-size:22px'>div 4 inlined font-size 22px</div>
    <div style='font-size:16pt'>div 5 inlined font-size 16pt</div>
    <div style='font-size:80%'>div 6 inlined font-size 80%</div>
</div>
<div id="output_box"></div>

javascript

javascript

$('*').filter(function() {
     /*var a-match-in-px-units = some-regular-expression-someelse-can-help-about;*/
     return $(this).css('font-size') == '11';
    $('#output_box').html($(this));
});

$("#trigger").click(function() {
    alert('to initialize font-size in px to bigger/lesser unit function()');    
   /* This is to apply font-resizing */     
});

我准备了一个jsFiddle

我发现这个其他答案很有用查找字体大小大于指定大小的元素

I found this other answer useful Find elements which have greater font-size than specified

推荐答案

您可以在样式属性上尝试indexOf:

You may try indexOf on style attribute:

$('.parent').each(function (index, value) {
    if (/font-size:[^;]+px/.test($(this).attr('style'))) {
        alert(index + ": " + $(this).attr('style'));
    }
});

这是演示小提琴

这篇关于jQuery匹配样式为px的字体大小的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！