Перейти к содержимому

Как добавить класс чтобы прежние классы остались js

  • автор:

Курсы javascript

Правильно ли я понял, что 2-й вариант работает не на всех браузерах, только на новых, и лучше воспользоваться первым?

Последний раз редактировалось newobject, 20.07.2014 в 22:21 .
20.07.2014, 22:38
Регистрация: 27.05.2010
Сообщений: 33,031
а типа в учебник заглянуть — это не по пацански
20.07.2014, 22:54
Регистрация: 30.04.2013
Сообщений: 92

newobject,
я новенькая в этом деле но все же)))

я делаю это так
если есть основной блок

$(".osnovnoy-div(название class или id основного дива) div(или за место div любой другой элемент span или что то свое)[id*=id-esli-est'']").addClass('new-name-class').html();

как выглядит это

 

после как скрипт обработает

Строго не судите пожалуйста я только учусь))

20.07.2014, 23:35
Регистрация: 10.07.2014
Сообщений: 145

рони,
Спасибо огромное за ответ. Я просто думаю: а нахрен нужны эти извраты с эмуляцией и прочим, если первый вариант работает везде и без костылей? Или не везде?

21.07.2014, 00:36
Регистрация: 19.01.2010
Сообщений: 354

ClassList — удобный интерфейс для работы со списком классов. Например, у тебя никогда не случиться такого:

Добавление класса — пол-дела, при помощи ClassList можно удобно удалять класс, делать toggle и проверять наличие заданного класса. Попробуй написать однострочники для всего указанного и поймешь нахрена оно надо.

« — слайдер | document.getElementById(‘qwe’) перевести $(‘#qwe’) »

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как добавить методы объекту после конструирования. DragorWW Общие вопросы Javascript 23 21.01.2013 19:39
хотел как лучше, а получилось как всегда. Вопрос оптимизации 9xakep Общие вопросы Javascript 13 21.01.2013 16:27
помогите добавить class/id элементу magnateg Events/DOM/Window 39 19.11.2011 22:41
Как добавить свой блог в раздел feeds этого сайта IzumeRoot Ваши сайты и скрипты 13 30.10.2008 21:11
Добавить контент к последнему элементу Viper jQuery 0 11.10.2008 20:04

Как добавить класс чтобы прежние классы остались js

*

Частная коллекция качественных материалов для тех, кто делает сайты

  • Creativo.one2000+ уроков по фотошопу
  • Фото-монстр300+ уроков для фотографов
  • Видео-смайл200+ уроков по видеообработке
  • Жизнь в стиле «Кайдзен» Техники и приемы для гармоничной и сбалансированной жизни
  • Главная»
  • Уроки»
  • Уроки jQuery для начинающих

В этой рубрике Вы найдете уроки по Javascript библиотеке jQuery.

Анимация набора текста на jQuery

Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.

Автор/переводчик: Станислав Протасевич
Сложность:
Создан: 26 Июля 2017 Просмотров: 40603 Комментариев: 0

Временная шкала на jQuery

jQuery плагин для создания временной шкалы.
Автор/переводчик: Станислав Протасевич
Сложность:
Создан: 5 Июня 2017 Просмотров: 23099 Комментариев: 0

Заметка: Перезагрузка и редирект на JavaScript

Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.

Автор/переводчик: Станислав Протасевич
Сложность:
Создан: 3 Июня 2017 Просмотров: 16347 Комментариев: 0

Рисуем диаграмму Ганта

jQuery плагин для создания диаграммы Ганта.
Автор/переводчик: Станислав Протасевич
Сложность:
Создан: 30 Мая 2017 Просмотров: 19099 Комментариев: 0

AJAX и PHP: загрузка файла

Пример того как осуществить загрузку файла через PHP и jQuery ajax.
Автор/переводчик: Станислав Протасевич
Сложность:
Создан: 24 Мая 2017 Просмотров: 66861 Комментариев: 0

Stimed — стили в зависимости от времени суток

Интересная библиотека с помощью которой можно задать определённым элементам страницы особые стили в зависимости от времени суток.

Как добавить класс к элементу js?

Для добавления в элемент класса существует метод classList.add() . В качестве параметра он принимает имя класса, который нужно добавить. Ещё существует простой способ задать классы элементу через свойство className через обычное присваивание. Имена классов должны разделяться пробелами.

const div1 = document.createElement('div'); div1.className = 'foo'; console.log(div1.outerHTML); // => const div2 = document.createElement('div'); div2.className = 'foo bar'; console.log(div2.outerHTML); // => const div3 = document.createElement('div'); div3.classList.add('foo'); console.log(div3.outerHTML); // => const div4 = document.createElement('div'); div4.classList.add('foo', 'bar', 'baz'); console.log(div4.outerHTML); // => 

Как удалить класс при клике на другой элемент?

при клике на ссылку должен появляться класс active, при нажатии на другой элемент списка он должен удаляться у прежнего. Реализовал добавление и удаление класса при нажатии на сам элемент а как сделать переход класса на другой не могу догнать. Спасибо за помощь

let List = document.querySelectorAll('.CatalogMenu li a') List.forEach(item =>< item.addEventListener('click', (e) =>< item.classList.toggle('active') >) >)
  • Вопрос задан более трёх лет назад
  • 7240 просмотров

Комментировать

Решения вопроса 1

html классы писать с маленькой буквы через — разделять слова
js все переменные начинаются с маленькой буквы слова слитно начиная с большой буквы. Как в html классы

const list = document.querySelectorAll('.CatalogMenu li a') list.forEach(item =>< item.addEventListener('click', (e) =>< list.forEach(el=>< el.classList.remove('active'); >); item.classList.add('active') >) >)

Ответ написан более трёх лет назад

Нравится 12 7 комментариев

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *