@Coolam
Web-developer

Как можно сократить этот JQuery код?

$('.pict' + i).fadeIn(300);
        $('.buy' + i).fadeIn(300);

Есть такая запись, можно как-то объединить под один fadeIn?
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
megakor
@megakor
Go/PHP developer | Вконтакте
$(`.pict${i}, .buy${i}`).fadeIn(300);
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
const classes = [
  '.pict',
  '.buy',
];
$(classes.map(c => c + i).join(',')).fadeIn(300);
// или
classes.forEach(cls => $(cls + i).fadeIn(300));


Вопрос: нафига?
Ответ написан
Комментировать
Чтобы не писать одно и то же число в разных местах и не использовать глобальные константы, можно описать свою функцию и вызывать её:
$.fn.myFadeIn = function () {
    $(this).fadeIn(300);
}; 

$('...').myFadeIn();

Если потребуется изменить скорость анимации, это можно будет сделать в 1 месте.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
15 июн. 2024, в 08:05
300 руб./в час
15 июн. 2024, в 07:59
300 руб./в час
15 июн. 2024, в 06:38
500 руб./за проект