Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.07.2020, 09:02   #1
Martin937
 
Регистрация: 17.02.2019
Сообщений: 8
По умолчанию перевести код jquery на нативный js

Здравствуйте.
Очень прошу помочь перевести код jquery на нативный js.
Суть: На сайте js используется только для изменения класса у div. С помощью jquery все работает прекрасно, но подключать целую библиотеку ради этого как-то неправильно. Написать самому не получилось, т.к. только начал изучение js.

Код:
function toggleSlide(item) {
        $(item).each(function(i) {
            $(this).on('click', function(e) {
                e.preventDefault();
                $('.price-item__content').eq(i).toggleClass('price-item__content_active');
                $('.price-item__details').eq(i).toggleClass('price-item__details_active');
            })
        });
    };

    toggleSlide('.content-prew');
    toggleSlide('.details-back');
И если это не слишком сложно подскажите пожалуйста как сделать это изменение плавным
Martin937 вне форума Ответить с цитированием
Старый 10.08.2020, 15:48   #2
Martin937
 
Регистрация: 17.02.2019
Сообщений: 8
По умолчанию

document.addEventListener('DOMConte ntLoaded', function() {

var elem = document.querySelectorAll('.price-item__content');
var el = document.querySelectorAll('.price-item__details');

var actclass = function() {
elem.classList.toggle('price-item__content_active');
el.classList.toggle('price-item__details_active');
};
prew.addEventListener('click', actclass);
back.addEventListener('click', actclass);

});

Почитал книги по js и написал такой код. Он работает, но только для id (то есть для одного элемента(здесь для двух)) - как унифицировать код для выполнения на большем количестве элементов?
Martin937 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конвертировать JQuery в нативный JS EDWIN503 JavaScript, Ajax 3 26.04.2017 12:18
Можно ли подключить к WebStorm библиотеки jQuery & jQuery UI? DanDiablo Софт 2 24.09.2016 17:42
Перевести функцию с js на jQuery справедливость JavaScript, Ajax 1 08.09.2012 13:47
JQuery и FF WennY JavaScript, Ajax 1 01.11.2011 22:26
JQuery ser70 JavaScript, Ajax 2 16.08.2010 16:39