Как сделать перебор input'ов в tr?

Question

[Randewoo]

Здравствуйте.
У меня имеется код:


Мне надо, чтобы JS перебирал через forEach все input'ы внутри tr с id product_1, product_2.
У input'ов в свою очередь тоже будут id'ы, value.
Как такое сделать?

Comments

[dollar]

Код картинкой - плохой тон. На будущее.

[pestunov]

Можно воспользоваться document. getElementByTagName('input'). Этот метод вернет массив всех твоих инпутов, и его можно проитерировать через foreach.

Либо ты можешь генерировать его в обычном for. Var id = 'inp_' + i.

Answer 1

[dollar]

//Получить все вложенные инпуты элемента.
function GetInputs(el) {
	let arr = [];
	if (el && el.tagName && el.childNodes) el.childNodes.forEach(child=>{
		if (child.tagName == "INPUT") arr.push(child);
		else arr = arr.concat(GetInputs(child));
	});
	return arr;
}

//Проверка 1
GetInputs(document.getElementById('product_1')).forEach(input=>{
	console.log('product_1: name=' + input.name + ', value=' + input.value);
});

//Проверка 2 - все продукты
for(let i=1; i<=2; i++) {
	console.log('PRODUCT #' + i);
	let product_inputs = GetInputs(document.getElementById('product_'+i));
	product_inputs.forEach(input=>{
		console.log('product_'+i+': name='+input.name+', value='+input.value);
	});
}