Как получить необходимые элементы у родителя?

Question

[Артем Гартунг]

Есть html код

<div data="post">
     <input type="text" id="1">
     <button>Отправить</button>
</div>
<div data="post">
     <input type="text" id="2">
     <button>Отправить</button>
</div>

И js код где я пробовал отлавить id у input в текущем div[data="post"]

var e = window.event;
var obj = e.target||e.srcElement;
var dataOpen = obj.closest('div[data="post"]');
var i = dataOpen.parentNode.querySelectorAll('input');

$(i).each(function(k, v){str += '&' + v.id + '=' + v.value;});

но это не получается сделать, помогите пожалуйста(

Comments

[alexalexes]

$(i).each(function(k, v){str += '&' + v.id + '=' + v.value;});

1. Зачем вы используете Jquery, где можно спокойно перебрать коллекцию нативными способами?
2. А зачем вам это извращение - построение строки с GET параметрами? Если потом будете использовать formData, то там каждый параметр можно добавить по отдельности и отправить нормально запрос. А так, вам еще urlencode-ить эту чепуху, если в параметрах будет кириллица, или что-то не перевариваемое в unicode символах.

[Артем Гартунг]

alexalexes, Видите, на странице бывают такие моменты где должно использоваться 2 формы отправки поэтому и приходится что то подобное строить( то что вы выделили это сбор строки для отправки POST

[alexalexes]

Но оно может вообще без JS работать, несколько форм...

<form method="post" action="action_1.php">
     <input type="text" id="1"/>
     <input type="submit" value="Отправить"/>
</form>
<form method="post" action="action_2.php">
     <input type="text" id="2"/>
     <input type="submit" value="Отправить"/>
</form>