Как получить значения всех элементов с одним классом?

Question

[Disrespector]

Имеется страница, на которой есть множество элементов с одинаковыми классами, с которых нужно вытащить значения классов "data-id=", "data-float=", "data-original-title" для каждого элемента отдельно. Пытался вывести хотя бы для одного элемента, но постоянно получал различные ошибки, ибо опыта недостаточно. Буду премного благодарен за помощь. Скрин структуры страницы ниже.

Comments

[ThunderCat]

с которых нужно вытащить значения классов

куда и для чего, и как используете

Пытался вывести хотя бы для одного элемента, но постоянно получал различные ошибки,

Какие, как пытались?

[Disrespector]

ThunderCat,

куда и для чего, и как используете

По сути мне надо получить значения, сравнить их с заданными в БД и при совпадении покрасить этот элемент.

Какие, как пытались?

Я пытался изначально неверным методом "getAttribute" и получал соответственно информацию о несуществующем элементе. В другом случае мне выводило HTML Collection. Моих знаний не хватает, но я хочу понять как это работает

[ThunderCat]

Disrespector,

В другом случае мне выводило HTML Collection.

ну так получили - используйте Array.from :

Array.from(document.getElementsByClassName("events")).forEach(function(item) {
   console.log(item.classList);
});

и тогда можете использовать getAttribute.

[Disrespector]

ThunderCat, Спасибо за потраченное время, но в любом случае мне это вообще ни разу не помогло, ибо я в JS вообще никак.

Answer 1

[Vearodev]

Получить дата аттрибуты не проблема, вопрос в том, что в с этими данным делать собираетесь? сравнивать? суммировать? Как в общем массиве вы хотите понять какие данные к какому элементу относятся? или это не важно? Для примера сделал по индексу

p.s нужно открыть консоль чтобы увидеть результат

Простой пример: (потому что не понял какой нужен результат)

Comments

[Disrespector]

По сути они мне нужны для сравнения, да. Допустим, будет переменная с параметрами "1234" "433" "34". После получения данных со страницы оно должно было бы сравнить эти данные с переменной и при совпадении конкретно этот элемент обработать. Если есть какие то данные для связи и готовность помочь, то оставьте связь пожалуйста. Готов заплатить

[Vearodev]

т.е из общего массива с данными, вам нужно достать тот элемент который соответствует вашей переменной?
Соответсвующих элементов может быть несколько? Или нужно найти только 1?

[Disrespector]

Vearodev,

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

Да. По сути нужно получить общий список этих элементов. Их там около 80. Далее взять с них эти переменные: "data-original-title", "data-float", "data-price". После чего сравнить их с переменной, в которую я задам свои данные для этих переменных и если попадется элемент, подходящий под эту переменную, то с ним выполняется действие. Таких элементов сразу может быть несколько. Они должны быть связаны, то есть если я задам data-original-title = "кукареку", а data-float <= "0.05", то если попадается элемент с названием "кукареку", но флоатом 0,06 - оно его пропускает, а если с флоатом 0,04, то уже выполняет действие. Я бы постарался объяснить более подробно, если бы вы все-таки оставили что-то типо телеграмма для связи.

[Vearodev]

Disrespector, в профиле email

[Disrespector]

Vearodev, написал вам на почту