検索結果でjqueryダイアログを呼び出せません

Question

すべて、

ユーザーが画像をクリックしたときにJQueryダイアログボックスを表示しようとしています。

<div class="MyHelpButton" style="display: inline;"> 
    <img src="{{MEDIA_URL}}/img/MyHelpIcon.png"/> 
    <div class="MyHelpText" title="MyTitle"> 
     here <i>is</i> <u>some</u> <b>text</b> 
    </div> 
</div> 

そして、私はJavaScript：ここ

は私のHTMLの機能縮小版だ

$(function() { 
    $(".MyHelpText").dialog({autoOpen:false}); 
    $(".MyHelpButton").click(function() { 
     $(this).find(".MyHelpText").dialog("open"); // this doesn't work 
     //$(".MyHelpText").dialog("open"); // this works 
    }); 
}); 

あなたが見ることができるように、私が使用している場合、ダイアログ（ "オープン"）機能のみ動作します私はfind（）関数を使用するときではなく、クラスセレクターを直接。しかし、潜在的にのロードのMyHelpButtonsがページにあるので、私はこの特定のMyHelpText（クリックされたMyHelpButtonの子であるもの）を見つけることができなければなりません。

私が間違っていることに関するアイデアはありますか？

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

Answer 1

This works:

$($(this).selector + " .MyHelpText").dialog("open"); 

synatxの$（ "{someselector} {anotherselector}"）と、セレクタれるが、ここで説明されているよう子孫の検索を実行するためのjQueryを求められます。

http://api.jquery.com/descendant-selector/

Answer 2

お試しくださいhttp://jsfiddle.net/heera/cL7nX/3、お手伝いをしてください。