javascript - jqueryを使用してASp.net mvc 3で画像を選択可能にするにはどうすればよいですか?

Question

画像と文字を 1 対 1 でマッピングする必要があります。ユーザーが画像をクリックすると論文が選択され、「マップ」オプションが表示されます。つまり、ユーザーが地図をクリックすると、文字付きの画像が表示されます。いろいろ試してみましたがだめでした。これが私の最新の試みです：

Jクエリ:

 <script type="text/javascript">

 $(document).ready(function () {
    $('img').click(function () {
        $(this).toggleClass('selected');    
    });
});

テーブル：

<div class="selected"> 
    <table> 
        <tr> 
            <td> <img src="../../Images/wi0096-48.gif" alt="Image1" class="conversation_img"/> </td> 
            <td> <img src="../../Images/down.png" alt ="image1"/> </td> 
            <td> <img src="../../Images/wi0054-48.gif" alt="Image1" /> </td> 
            <td> <img src="../../Images/Photo-icon.png" /> </td> 
        </tr> 
        <tr> 
            <td> <img src="../../Images/wi0062-48.gif" /> </td> 
            <td> <img src="../../Images/wi0064-48.gif" /> </td> 
            <td> <img src="../../Images/wi0126-48.gif" /> </td> 
            <td> </td>

上は画像付きの私のテーブルです。画像をクリックすると、選択していくつかの文字 a から z に動的に一致させる必要があります。.NET フレームワークでそれを行うにはどうすればよいでしょうか。