2011-09-07 16 views
0

どのようにid &の要素のクラス名を取得するには、どの関数のui & eventでもかまいません。明確な理解のために以下を参照してください。uiとイベントからclass/idを取得する方法

<div class"drag-class" id="drag1"> </div> 
<div class"drag-class" id="drag2"> </div> 
     <div class"drop-class" id="drop1"> </div> 
     <div class"drop-class" id="drop2"> </div> 

JS:

$(function(){ 
    $('.drag-class').draggable(); 

    $('.drop-class').droppable(function(){ 

       accept: '.drag-class'. 
       drop: function(ui,event){ 
       /*here i want to know the id of drag-class & drop-class element element*/ 
        }    
      }); 

     });' 
+3

デバッグを試しましたか?私の最善の策は、 'this'はあなたがドラッグしている要素を指していることです。ブレークポイントを設定し、ローカル変数を表示してみてください。 – TJHeuvel

+2

ここでaswerを見つけることができます:http://stackoverflow.com/questions/197489/jquery-drag-and-drop-how-to-get-at-element-being-dragged – Samich

+0

@TJHeuve:はい、 'this'要素を削除することを指しているだけでなく、私は同じ関数()内の要素をドラッグしたい。 –

答えて

2

docsから - コールバックで

、$(この)ドラッグが にドロップされたドロップ可能を表します。 ui.draggableはドラッグ可能なオブジェクトを表します。

+0

ありがとうipr101、 'これはdrappable Id&' ui.draggable'をdraggable idにして、 'ui.draggable'からどのようにIDを取得できますか?例えば私は 'ui.draggable.Id'、' $(ui.draggable).id'などを試しましたが、何もできませんでした。あなたは何か考えがありますか? 'ui.draggable'は' [object Object] 'を返す –

+1

文書では、ui.draggableを「ui.draggable - 現在のドラッグ可能な要素、jQueryオブジェクト」として定義していますので、' ui.draggable.attr( "id") ' – ipr101

+0

ok ...申し分なく。どうもありがとう –

0

this.idthis.classNameあなたが探しているものを含める必要があります。

+1

jQueryを使用しているので、$(this).attr( 'id')と$(this).attr( 'class')を使用してみませんか? –

+0

彼が '$(this)'を必要とするかどうかは別のものに依存します。そうでなければ、なぜこれを包みますか?この場合、彼はそれをラップすることなく同じものにアクセスすることができるので、それを行う必要はありません。 –

+0

@Py:これはうまくいくことは分かっていますが、ドラッグ&ドロップ可能なIDの両方を取得したいのですが、要素ID /クラスが1つしか表示されません。 –

関連する問題