Как задать значение input в родительском div?

Question

[paulvales]

Здравствуйте, в этом

...
<div id="form1">
<td>
<button class="but" onclick="goprokat(1);">Start</button>
<input class="in" type="text" id="sumprokat" name="sumprokat">	
	</td>
</div>
....
<div id="form10">
<td>
<button class="but" onclick="goprokat(10);">Start</button>
<input class="in" type="text" id="sumprokat" name="sumprokat">	
	</td>
</div>

Как задать input[name="sumprokat"].val(значение) в #form1...#form10 ?
Пробую так:

function goprokat(i){
$('#form'+i).find("input[name='sumprokat']").val(moment().format("HH:mm"));
}

Comments

[Максим Тимофеев]

Вначале
var valuha = moment().format("HH:mm");
потом .var(valuha);
и смотреть консоль на наличие ошибок если не работает

[paulvales]

Максим Тимофеев: moment срабатывает как надо, проверял до этого без родительского дива

[Максим Тимофеев]

Ошибки есть в консоле?

[Максим Тимофеев]

Сделайте console.log(i);

[paulvales]

Максим Тимофеев: консоль чиста

[paulvales]

Максим Тимофеев: console.log(i) выдает 1

[Сергей Сергей]

$( 'input[name="sumprokat"]', $(this).parent() ).val( moment().format("HH:mm") );

[Vitaliy Orlov]

Должно работать так как ты указал. Выложи пример на jsfiddle.net , мы посмотрим где проблема.

[paulvales]

Vitaliy Orlov: как-то так jsfiddle.net/44bexdwk

[Сергей Сергей]

paulvales: несоблюдение вложенности тегов, див вмешивается в структуру таблицы.
jsfiddle.net/44bexdwk/2

[Vitaliy Orlov]

paulvales: проблема в том, что твой находится вне таблицы. Если есть Firebug посмотри Dom дерево. В твоем случае, можно отталкиваться от элемента в котором произошло событие и искать соседний элемент, типа того: jsfiddle.net/44bexdwk/3 (жми на первую кнопку Start)

[Vitaliy Orlov]

** ..что твой <div>..

[paulvales]

Vitaliy Orlov: работает, но не задает значение в соседний td> input[name='prosum']

[Vitaliy Orlov]

paulvales: так ты можешь в любой из них задать: jsfiddle.net/orlov0562/44bexdwk/4

у тебя алгоритм должен быть такой:
- нажимается кнопка,
- в функцию ты передаешь объект кнопки (в примере),
- от него делаешь parent() поднимаешь до td, соответственно find будет искать все элементы внутри td,
- если сделаешь еще раз parent(), тогда поднимешься до tr и уже будешь искать в нем...
- дальше ищешь нужные тебе input-ы и задаешь им значения..

так же можешь передавать прямо в функцию нужные тебе id инпутов и ставить им значения.. способов масса, все зависит от задачи и того способа реализации который ты выберешь.

[paulvales]

Vitaliy Orlov: я огородил таблицу дивом form1,заменил все id на class и решил сделать топорным способом:
$('#form'+i+'> table > tbody > tr > td > input.sumprokat').val(moment().format("HH:mm"));
Надеюсь нормально будет

[paulvales]

paulvales: а то говорят что нельзя одинаковые id использовать

Answer 1

[M K]

не может быть 10 одинаковых id, даже если элементы находятся в разных родителях.
Надо заменить id на class и сделать вот так:

function goprokat(i){
  $('#form'+i+'>input.sumprokat').val(...);