0

Здравствуйте, ситуация следующая: есть два div с одинаковым id, они находятся в разных частях документа

<div id="slider"></div>
<div id="slider"></div>

Мне необходимо добавить первому элементу класс first, а второму second Чтобы в итоге получилась такая конструкция:

<div id="slider" class="first"></div>
<div id="slider" class="second"></div>

Как реализовать это на jQuery?

1
  • @Igor извините что не все знатоки jQuery. Приношу свои искреннейшие извинения.
    – barbudour
    1 мар 2018 в 18:54

2 ответа 2

2

Свойство элемента id должно быть уникальным на странице. Вот статья. Либо сделайте разные ID этим элементам, либо вообще не используйте id и оставьте только классы.

<div class="slider first"></div>
<div class="slider second"></div>

Если вам нужно выбрать все slider-элементы используйте $('.slider'); Если какой-то конкретный слайдер $('.slider.second') Почитайте про селекторы jQuery

1

Такой $('#slider') селектор с одинаковым id на jQuery невозможно, вы получаете только первый элемент. Вот вам ЛайфХак $('[id="slider"]') ищет через тег.

var obj = {
  0: "first",
  1: "second"
};
$.each($('[id="slider"]'), function(i) {
    $(this).addClass(obj[i]);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="slider"></div>
<div id="slider"></div>

2
  • 1
    звездочка в селекторе не обязательна id же точно совпадают
    – Grundy
    1 мар 2018 в 17:23
  • @Grundy спасибо убрал 2 мар 2018 в 10:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.