jQuery UIはドロップ時にドラッグ可能なdivの要素のプロパティを取得します。

Question

このドラッグ可能なdivのイメージの 'alt'プロパティを 'ui'引数に渡すと、 on_element_drop。 '誰でもこれを行う方法を知っていますか？

私が取得するように見える最も近いです：

ui.helper.context.children[0].attr('alt'); 

しかし、これは動作しません。

Answer 1

ui.draggable.find("img").attr("alt") 

http://jsfiddle.net/3SfBJ/2

Answer 2

私はあなたが投稿したものと行くために多くのHTMLとJavaScriptがあると仮定？ドロップ可能なdivのように？

あなたは、余分なHTMLに

ui.draggable.find('img').attr('alt'); 

幸運を追加する場合は、検索を使用すると、同様に動作し、あなたのドロップハンドラ

ui.draggable.children(0).attr('alt') 

にこれを追加することができるはず！

Answer 3

あなたのドラッグ可能なdivにはimg要素が1つしか含まれていません。だから、これ以下のため

ui.draggable.find("img").attr("alt") 
        OR 
ui.draggable.children("img").attr("alt") 

右であるしかし、あなたのドラッグのような

<div class="draggable"> 
    <img src="test.png" alt="3"> 
    <img src="test.png" alt="4"> 
</div> 

以下でよりimg要素が含まれている場合、あなたは、第二のimg要素のALT値を見つけるために、上のコードを使用することはできません。これを試すことができます：

ui.draggable.find("img:last-child").attr("alt") 
        OR 
ui.draggable.children("img:last-child").attr("alt") 

この例では、親オブジェクト内で実際のオブジェクトがどのように見つかるかという一般的な考え方を示しています。 クラスを使用して、子オブジェクトを区別することができます。それは簡単で楽しいです。すなわち

<div class="draggable"> 
    <img class='first' src="test.png" alt="3"> 
    <img class='second' src="test.png" alt="4"> 
</div> 

あなたは以下のようにこれを行うことができます：

ui.draggable.find(".first").attr("alt") 

、より具体的として：

ui.draggable.find("img.first").attr("alt") 

あなたが検索したり、コード上記のように子供を使用することができます。詳細についてはhttp://api.jquery.com/children/子どもとhttp://api.jquery.com/find/を参照してください。