jquery匹配以px为单位的样式字体大小的元素
jquery match elements with style font-size in px
如何以像素为单位定义内联风格字体大小(例如:字体大小:12px)的元素为目标,以便在单击按钮时修改字体大小。
有人能帮助完成这个javascript代码吗:
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
$('*').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
我发现另一个答案很有用,可以查找字体大小大于指定的元素
.css('font-size')
总是返回像素,即使原始大小是用不同的单位定义的。我会使用.attr('style')
(仅适用于内联样式):
var result = $('*').filter(function () {
var style = $(this).attr('style');
return /font-size:[^;]+px/.test(style);
});
下面是一个演示:http://jsfiddle.net/wared/8LcD9/.
您可以在样式属性上尝试indexOf
$('.parent').each(function (index, value) {
if (/font-size:[^;]+px/.test($(this).attr('style'))) {
alert(index + ": " + $(this).attr('style'));
}
});
这是演示Fiddle
相关文章:
- 将Div内容复制到文本区域或具有相同字体族样式的文本
- 尝试在随机文本和图像脚本中添加样式/更改字体
- 是否可以在网页上用另一种字体设置jqmath-display的样式
- 在 JavaScript 输出中设置字体样式
- jquery匹配以px为单位的样式字体大小的元素
- 删除所有与内联字体相关的标记,即使它在内联样式中也是如此
- 如何在所有元素中使用 jQuery 删除除字体粗细之外的所有样式
- 设置内容样式包含字体系列、字体大小和颜色的可编辑列表 (
- )
- 织物 js 粗斜体不起作用,因为 JSON 中的字体样式对象
- 更改 JavaScript 中所选文本的字体样式
- javascript中一个按钮样式的两种字体类型
- 如何在应用程序中更改字体样式
- 我想在获取和解析DOM树后更改特定节点内容的字体样式
- 输入字段的样式字体(Angularjs)
- 下拉选择字符串字体样式更改
- 使用字体样式复制到剪贴板
- javascript(动态)表单的CSS字体和背景样式
- 字体Awesome与半样式CSS
- CSS—根据字体大小选择元素,并动态地将样式应用于该文本
- 通过样式设置字体族.字体不工作,除非字体大小也设置