Увеличение размера шрифта списка

Question

Увеличение размера шрифта списка

0

Я сделал следующее.

В моем html я определил список как

<ul id="fruits">
  <li>Apple</li>
  <li>Oranges</li>
  <li>Guava</li>
</ul>

<input type="submit" id="big" value="Bigger" />
<input type="submit" id="small" value="Smaller" />

В моем файле JavaScript я написал код, чтобы увеличить и уменьшить размер шрифта элементов списка, но он НЕ работает.

function change_size(element,sizeName){

var current_size=parseInt(element.css('font-size'));
if(sizeName == 'smaller')
 var new_size=0;
 {
   new_size=current_size-4;
 }
else
{
  new_size=current_size+4;
}

element.css('font-size',new_size+'px');

}

$('#big').click(function(){
  change_size($('#fruits'),'bigger');
})

$('#small').click(function(){
  change_size($('#fruits'),'smaller');
})

Я даже пробовал тег li внутри change_size, но он не работал.

Naseer Ahmed 29 апр. 2014, в 12:00

Источник

0

Вы можете посмотреть здесь . Довольно хороший пример использования jQuery.
Tom Spee 29 апр. 2014, в 09:34

Теги:

jquery

jquery-selectors

font-size

1 ответ

Ещё вопросы

Вы можете посмотреть здесь . Довольно хороший пример использования jQuery.

Tushar Gupta · Accepted Answer · 2014-04-29T08-22-00.000Z

Fiddle Demo

change_size($('#fruits'), 'bigger');
//           ^ add missing (

Вы можете оптимизировать функцию change_size следующим образом.

Fiddle Demo

function change_size(element, sizeName) {
    var current_size = parseInt(element.css('font-size')),
        new_size = (sizeName == 'smaller') ? current_size - 4 : current_size + 4;
    element.css('font-size', new_size + 'px');
}