Как присвоить width из data ?

[Максим Ученик]

Есть не известное кол-во блоков в него я сгенерировал svg и так же хочу из data-num сделать style.left для элемента svg.

Но получается что left для всех line присваивается из нижнего data-num.

Что я делаю не так ?

https://codepen.io/topicstarter/pen/OJVjBOz

[ksa]

Что я делаю не так ?

Что-то ты там накрутил...

Вот это

let num = parents[i].parentElement.lastElementChild.firstElementChild.getAttribute("data-num");
parents[i].style.left = num + "%";

Зачем делаешь в цикле?

for(let k=0; k<lines.length; k++){
   // ...
}

[ksa]

Вот это

let num = parents[i].parentElement.lastElementChild.firstElementChild.getAttribute("data-num");

Можно заменить на такое

let num = parents[i].parentElement.querySelector('line').getAttribute("data-num");

Все будет понятнее...

[ksa]

Так же не понятно зачем вообще цикл в цикле...

for(let i=0; i<parents.length; i++){
	for(let k=0; k<lines.length; k++){
	}
}

У тебя ведь количество элементов svg и line совпадает... Можно обойтись и одним циклом.

[Максим Ученик]

for(let i=0; i<parents.length; i++){
	for(let k=0; k<lines.length; k++){
	}
}

я уже сделал то что хотел: https://codepen.io/topicstarter/pen/rNVzowd но меня смущает что я налепил очень много parentChild