jQueryのクリック対象選択

Question

私は、ページに次のHTML持っている：私は明らかに何かが欠けている

function InitProgressionSelectors() { 
$(".move-next").click(function() { 
    moveNext(this); 
}); 

$(".move-previous").click(function() { 
    movePrevious(this); 
}); 
} 

function moveNext(target) { 
    var sourceContainer = target.parent("td"); 
    var targetContainer = sourceContainer.next("td"); 
} 

：

<a href="javascript:void(0)" class="move-next"><img src="/Content/images/small-next-arrow.png" height="16" width="16" alt="Next status arrow" title="Progress to next status"/></a></div> 

を、私はクリックイベントを処理しようとする次のJavaScriptを持っていますmoveNext関数の "target"はHTMLAnchorElementを返していますが、これをラップしようとしたり、何とかjQueryオブジェクトとしてアクセスしようとすると、親コンテナのハンドルを取得しようとするとエラーが発生します。

$（target）への参照はnullを返します。そのコンテキストでそれを処理できるように、jQueryオブジェクトとしてターゲットへの参照を取得するにはどうすればよいですか？私は何が欠けていますか？

ありがとうございました。

Answer 1

以下のコメントで述べたように、$（target）を使用しても機能しませんでした。しかし、上記の元の質問のコメントに見られるように、解決策は実際には引数として$(this)を渡すことでした。私がそれをしたら、target.parentは予想されるノードに解決され、働いた。

---

ボブはあなたがdollorにあなたはjQueryオブジェクト

$(".move-previous").click(function() { 
    movePrevious($(this)); 
}); 

Answer 2

がによってで関数を渡すことです

$（ターゲット）を使用して試すことができますリファレンス：

$(".move-next").click(moveNext); 

予想通りその後、セレクタを使用することができます。クリックハンドラに関数を渡すとき

function moveNext() { 
    var sourceContainer = $(this).parent("td"); 
    var targetContainer = sourceContainer.next("td"); 
} 

は、括弧の不足に注意してください。

Answer 3

に別の選択肢を渡す必要

var sourceContainer = $(target).parent("td");