элементы соответствия jquery со стилем font-size в px

0

Как настроить элемент с размером шрифта inline-стиля, определенным в пикселях (например, font-size: 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

Я нашел этот ответ полезным. Найдите элементы, размер шрифта которых больше указанного.

  • 1
    Даунвот без комментариев бесполезен.
  • 1
    +1 За это улучшение.
Теги:
inline-styles

2 ответа

2

Вы можете попробовать indexOf в атрибуте style:

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

Вот Демо-скрипт

Поделиться
  • 1
    Работает. Здесь играет демоверсия jsfiddle.net/wqM3V/10 Спасибо вам и предупредили.
  • 0
    Я рад! это поможет тебе .. и удачи :)
Показать ещё 3 комментария
2

JQuery .css('font-size') всегда возвращает пиксели, даже если исходный размер был определен с помощью другого устройства. .attr('style') я использовал бы .attr('style') (работает только с встроенными стилями):

var result = $('*').filter(function () {
    var style = $(this).attr('style');
    return /font-size:[^;]+px/.test(style);
});

Вот демо: http://jsfiddle.net/wared/8LcD9/.

Поделиться
  • 0
    Это выглядит так. Я попробую 2 завтра (прошло 4:30). Возможно, вы могли бы помочь и с этим другим вопросом: stackoverflow.com/questions/20592165/… Мне не нужно брать кредит за ваше вдохновение, но этот другой вопрос, возможно, тоже ищет вашу помощь.
  • 0
    Тыкнул снова .. и да, я устал.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню