Как получить дочерние элементы перетаскиваемого элемента в jQuery UI

Question

У меня есть функция перетаскивания на моей веб-странице.Перетаскиваемый div содержит 2 input> hidden, которые сбрасываются на другой div.

При событии drop я хочу получить значения обоих input> hidden в переменной.

Ниже моя перетаскиваемая структура.

<div class="srcfield" title="Drag and map Last Name!">
<span><img src="images/cursor1.png" height="14" width="14" border="0"/>&nbsp;&nbsp;First Name</span>
<input type="hidden" name="FieldName" value="FirstName"/>
<input type="hidden" name="SourceType" value="B"/>

Когда я делаю:

ui.draggable.children("input").attr("name")

, это дает мне только первое скрытое поле.

Как я могу получить второе скрытое поле

спасибо WK

Answer 1

Прежде всего, ваш HTML неверен.

Во-вторых, ui.draggable.children("input") не является отдельным элементом, а .attr("name") не является значением. Если вы хотите получить значения, вы должны выполнить итерацию ui.draggable.children("input").attr("name") и использовать .val()

Например:

ui.draggable.children("input").each(function(){
  alert($(this).val());
});

Если вы хотите получить только определенное значение, рассмотрите возможность добавления классов к входам и адресации их этим классом. Для получения дополнительной информации об используемых функциях, проверьте документы jQuery