Как обратиться к конкретному элементу с помощью js?

Question

[m4f1]

Нужно обратиться к конкретному элементу на странице с помощью js, причем должны учитываться и id и name и class.
В данный момент обращаюсь ко всем элементам с классом filter_select, а нужно конкретно выделить лишь нужные данные.
$('.filter_select')

Строчка селектора:

<select id="sort_sel" name="tsvet1[]" class="filter_select select2-hidden-accessible" tabindex="-1" aria-hidden="true">

Comments

[FeST1VaL]

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

[Антон]

id и name и class

Зачем? ID - уникальный идентификатор, если у вас он не один и только лишь по нему у вас не получается взять конкретный селектор, поздравляю! вы (или кто там это проектировал) обгадились

Answer 1

[Andrew]

"Конкретный элемент" - это id.

document.getElementById('sort_sel')
//или
$('#sort_sel')

Comments

[m4f1]

есть ли возможность обратиться по имени селектора? id является так же не уникальным

[Владислав Токарев]

m4f1, document.querySelector('selector')

[Andrew]

m4f1, тогда "у вас проблемы, Хьюстон". есть возможность всё сопоставить. Но это избыточно
$('#sort_sel.filter_select[name="tsvet1"]')

[Тарас Шульга]

m4f1, если у вас id(уникальный индикатор) не уникальный, то вы точно делаете, что-то не так. А вообще ответ выше.

[m4f1]

Тарас Шульга, изначально система webasyst сама по себе проблемная, лезть в php и ковырять логику возможности нет, потому единственный вариант использовать js костыли

[m4f1]

sashabeep, он априори должен быть уникальным, но по факту это не так, где-то на уровне MVC идет выгрузка фильтра (php), где именно - не отследить, код был перелопачен кучей народа, и концов не найти.

Answer 2

[Александр]

Есть такая замечательная вещь document.querySelector(selector); и document.querySelectorAll(selector);. selector формируется точно так же, как и в CSS.

Comments

[m4f1]

Благодарю, это я не рассматривал