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

Question

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

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

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

<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's docs