jquery - jQuery で on() を使用してコンテナーを取得する

Question

div 内にその div を非表示にするボタンがあり、div をハンドラーに渡したいと思います。これが私の現在のコードです：

$('#hidden-div').on('click', '#hide-btn', { element : $('#hidden-div') }, hideElement);

コンテナーの再選択を回避する方法はありますか? このようなものがいいでしょう：

$('#hidden-div').on('click', '#hide-btn', { element : $(this) }, hideElement);

Answer 1

event.delegateTargetDOM 要素参照を保持します。

$('#hidden-div').on('click', '#hide-btn', hideElement);

function hideElement(e) {
    $(e.delegateTarget)//do stuff
}

jQuery オブジェクト内にラップする必要がありますが、DOM 要素参照から jQuery オブジェクトを作成しても、DOM にクエリを実行することはできません。