Привет Есть набор элементов div id=(1,2),count=3, price=4; id=(3,4,5), count=5, price=2; Как получить

Question

Привет Есть набор элементов div id=(1,2),count=3, price=4; id=(3,4,5), count=5, price=2; Как получить

массив:
Id/count/price
1 / 3 / 4
2 / 3 / 4
3 / 5 / 2
4 / 5 / 2
5 / 5 / 2
?
Помогите, пожалуйста, я какие-то невероятно мудреные циклы пишу и все равно толку нет

#javascript #programming #russian

0

26.04.2021

18 ответов

15 просмотров

Дмитрий Автор вопроса

i7 4n
а можно в коде то, что у вас есть на данный момент...

Ну, эти элементы получаю из div т.е. <div data-id="1,2" data-count="3" и тд

0

26.04.2021

i7 4n

Дмитрий
Ну, эти элементы получаю из div т.е. <div data-id...

ну покажите, что уже есть

0

26.04.2021

Danila Bakunov

const arr = [] document.querySelectorAll('div[data-id]').forEach(el => arr.push(el.getAttribute('data-id') и тд))

0

26.04.2021

Дмитрий Автор вопроса

i7 4n
ну покажите, что уже есть

В смысле мои попытки или строки, которые разобрать нужно? Потому что мои попытки - это типа: Сначала split- сделал массив, потом перебирая через map каждому элементу пытаюсь добавить count и price, но что-то криво получается

0

26.04.2021

i7 4n

Дмитрий
В смысле мои попытки или строки, которые разобрать...

ну хотелось бы просто видеть, что именно есть в плане вёрстки конкретно, чтобы не угадывать

0

26.04.2021

Дмитрий Автор вопроса

i7 4n
ну хотелось бы просто видеть, что именно есть в пл...

<div data-id="1,2" data-count="3"... <div data-id="3,4,5" data-count="5"... и тд

0

26.04.2021

Danila Bakunov

Дмитрий
<div data-id="1,2" data-count="3"... <div data-id=...

у тебя id реально через запятую? или ты это так сократил?

0

26.04.2021

Danila

Дмитрий
<div data-id="1,2" data-count="3"... <div data-id=...

Почему айдишек-то несколько у одного элемента?

0

26.04.2021

i7 4n

Дмитрий
<div data-id="1,2" data-count="3"... <div data-id=...

а селектор у них какой общий? как-то у вас странненько всё

0

26.04.2021

i7 4n

Danila Bakunov
у тебя id реально через запятую? или ты это так со...

через зпт точно, сплитить же приходится

0

26.04.2021

Дмитрий Автор вопроса

i7 4n
а селектор у них какой общий? как-то у вас странн...

Это не Id элемента же, это дата-атрибут Каждая строка имеет checkbox и помеченные потом обхожу через each и тут уже собираю массив для отправки на сервер

0

26.04.2021

i7 4n

Дмитрий
Это не Id элемента же, это дата-атрибут Каждая стр...

чекбокс, отвечающий за несколько значений сразу, что ли?

0

26.04.2021

i7 4n

i7 4n
чекбокс, отвечающий за несколько значений сразу, ч...

звучит как сомнительный такой ux

0

26.04.2021

Danila

const rawData = [...document.querySelectorAll('[data-id]')].map(element => ({ ids: element.dataset.id.split(','), count:element.dataset.count, price:element.dataset.price })) const normalizedData = [] for(let {ids, count, price} of rawData){ for(let id of ids) normalizedData.push({id, count, price}) }

0

26.04.2021

Danila

Дмитрий
Это не Id элемента же, это дата-атрибут Каждая стр...

Решение выше, но это 100% костыли из-за неверного подхода

0

26.04.2021

Дмитрий Автор вопроса

Дмитрий
<div data-id="1,2" data-count="3"... <div data-id=...

Вот попытка её решения

0

26.04.2021