Как изменить класс по id?

Question

[Александр Александрович]

Ребят подскажите пожалуйста нужно изменить класс по id.
$("#item").removeClass("action")
Обычно делал так, но теперь у меня есть несколько одинаковый #item и только у 1 я должен убрать\добавить класс.
Как можно это осуществить?

Comments

[1001001 111]

Используйте уникальные ID.

[Александр Александрович]

Да вот если бы....
Попытаюсь добавить их на js

Answer 1

[Александр Александрович]

Нашёл решение мы изменяем 1 элемент по его родительскому:
$('#test > *:nth-child(1)').addClass("active");

Comments

[Сергей Мельников]

это не решение, это "закостылить говнокод" )))))

[WebEditor]

Вам необходимо понимать значение атрибута id!

[Сергей Некрасов]

Насколько мне известно через jQuery нельзя манипулировать с псевдо-элементами, + то что выше написали.

[Александр Александрович]

Сергей Некрасов: Строка кода рабочая, если у вас есть варианты как реализовать это лучше поделитесь пожалуйста (Только JS)

Answer 2

[teotlu]

> но теперь у меня есть несколько одинаковый #item
Так не должно быть, id элемента должен быть уникальным и не повторяться у других элементов страницы.

Вам как раз нужно задать уникальные id всем элементам и обратиться к нужному по id, чтобы удалить класс именно у него. А чтобы навесить одинаковые стили, используйте класс item, например.
Пример:

<div id="item1" class="item action"></div>
<div id="item2" class="item action"></div>
<div id="item3" class="item action"></div>

И удаление класса у нужного элемента:
$("#item3").removeClass("action");

Comments

[Александр Александрович]

>Так не должно быть, id элемента должен быть уникальным и не повторяться у других элементов страницы.

Но так и есть, id в моём случае не подставляются.

[teotlu]

Значит, вам нужно нанять киллера и устранить человека, который разработал страницу с повторяющимися id.

Если у вас есть возможность добавлять классы, можете вместо id использовать классы и задавать их элементам в качестве уникального идентификатора, например, $(".item1").removeClass("action");
Это будет не очень правильно, но, если одинаковые id убрать нельзя, то можно решить задачу так.

[Александр Александрович]

teotlu: проблема в том, что в этой CMS вообще не предусмотренны были id. (Очень старая)
У меня есть возможность только добавлять html css и js.

[teotlu]

Александр: ну тогда сделайте предложенный мной вариант с классами. Их же вы добавлять можете? Т.е. id вообще не трогайте, а задавайте у элементов соответствующие классы, типа class="item item3 action".

Answer 3

[Вячеслав Успенский]

document.QuerySelector('#item').classList.remove('className');

Comments

[Александр Александрович]

Как это поможет изменить только 1 элемент?

[Вячеслав Успенский]

никак, поздно увидел ответ выше, элемент с заданным айди должен быть только один.

Answer 4

[Сергей Мельников]

на странице не должно быть несколько элементов с одинаковым id!!!

Answer 5

[WebEditor]

Вам необходимо понимать значение атрибута id!

Comments

[teotlu]

И ещё знать английский для чтения спецификации, ага.

[WebEditor]

teotlu: если уже совсем туго с Happy English, то, возможно, читающему помогут переводчики:
https://translate.google.ru/
translate.yandex.ru
www.bing.com/translator
P.S>: или всегда можно поискать русский вариант описания id

Answer 6

[Pavel Yakovlev]

зачем использовать повторяющиеся идентификаторы если есть классы?