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

Question

我的网页上有拖放功能。拖动的 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")

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

如何获得第二个隐藏字段

谢谢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