如何在jQuery UI中获取拖动元素的子元素

时间:2011-12-31 08:46:45

标签: jquery jquery-ui drag-and-drop

我的网页上有拖放功能。拖动的div包含2个输入> hidden,它们被放在另一个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

1 个答案:

答案 0 :(得分:3)

首先,您的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