jQuery UIのドラッグされた要素の子要素を取得する方法

Question

私のウェブページにドラッグアンドドロップ機能があります。ドラッグされたdivには2つのinput> hiddenが含まれ、他のdivにドロップされます。

ドロップイベントでは、変数の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") 

それだけで私の最初の隠されたフィールドを提供します。

は、私は2番目のフィールド

おかげ WKすべての

Answer 1

まず隠さ得ることができますどのように、あなたのHTMLが正しくありません。

第2に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

を確認してください。