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

【问题标题】：How to get child elements of dragged element in jQuery UI如何在jQuery UI中获取拖动元素的子元素
【发布时间】：2012-01-31 00:22:07
【问题描述】：

我的网页上有拖放功能。拖动的 div 包含 2 个 input>hidden，它们被放置在另一个 div 上。

在放置事件时，我想获取两个输入的值>隐藏在变量中。

下面是我的可拖动结构。

<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")

它只给了我第一个隐藏字段。

如何获得第二个隐藏字段

谢谢周

【问题讨论】：

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

【解决方案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

【讨论】：