クリックした内容に基づいて別のポップアップメッセージを表示する

Question

イメージをクリックしたときにポップアップメッセージを表示するjquery関数を作成する際に助けが必要です。各画像には異なるポップアップメッセージが表示されます。ここに私のHTMLコードです：

<table> 
<tr> 
    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 1 
       </div> 
      </span> 
     </a>  
    </td> 

    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 2 
       </div> 
      </span> 
     </a>  
    </td> 

    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 3 
       </div> 
      </span> 
     </a>  
    </td> 
</tr> 

Answer 1

私はあなたの質問と同じレベルの答えを与えるでしょう。私の微調整は、しかし、あなたはjQueryのUI

CSS

a span {display: none} 

ダウンロードを含めるとjQuery UI

HTML

<script src="javascripts/jquery-ui.js"></script> 

JS

を含める必要がありますされます0

$('a').click(function() { 
    $(this).find('span').dialog(); 
})