Не до конца понял, откуда ты хочешь получать.
По клику или как.
Как я понял, тебе нужно узнать значение input, независимо от количества таких же div.
Если по событию, то как-то так:
Допустим у всех кнопок ADD есть класс buttonAdd.
Покажу пример с обработчиком на body и делегированием.
var body=$("body");
body.on("click", function(e){
var bittonAdd=$(e.target).closest(".buttonAdd");
if(!bittonAdd.length) return false;
/*
проверка длины нужна, потому что hasClass проверяет наличие класса, а closest, если не найдет подходящего родителя вернет пустой объект (который при преобразовании к булеву типу будет true).
*/
var div = bittonAdd.closest("div");//Если у div есть класс, то bittonAdd.closest(".имяКласса");
var input = div.find("input");
var value = input.val();//Это и есть значение.
//Добавить в таблицу:
div.find("table").append("<tr><td>"+value+"</td><td>здесь твои кнопки<td><tr>");
/*
Не children, если input прямой потомок, то можно children, но если нет - то он его не найдет
*/
});
Подробно расписал, чтобы было понятно.
Для ускорения работы, можешь сделать шаблон строки для таблицы:
body.on("click", function(e){
var bittonAdd=$(e.target).closest(".buttonAdd");
if(!bittonAdd.length) return false;
var div = bittonAdd.closest("div");
var value = div.find("input").val();//Это и есть значение.
var tr = hideLine.clone(true);
tr.find("td").eq(0).text(value);
div.find("table").append(tr);
});
//тот самый шаблон:
var hideLine = $("<tr><td></td><td>здесь твои кнопки<td><tr>");
Простой
