ボタン名がわからないときに、どのように複数のボタンが同じ機能を呼び出すようにしますか？

Question

私はそれらが飛んで "グリッド"を構築するために使用する列の量（ストアドプロシージャのロジックは、返される列を決定する）n個の結果セットを返すストアドプロシージャを持っています。

   <table> 
       <thead> 
        <% foreach (System.Data.DataColumn column in ((System.Data.DataTable)Model).Columns) 
         { %> 
        <th> 
         <%: column.Caption %> 
         <input id="Image1" type="image" src="../Content/theme/images/arrowhead-down.jpg" width="9px" height="5px"/></th> 
        </th> 
        <%}%> 
       </thead> 
       <tbody> 
        <% 
      foreach (System.Data.DataRow row in ((System.Data.DataTable)Model).Rows) 
      {%> 
        <tr> 
         <% foreach (var column in row.ItemArray) 
          { %> 
         <td> 
          <%: column.ToString() %> 
         </td> 
         <%}%> 
        </tr> 
        <% 
      } 
        %> 
       </tbody> 
      </table> 

タイプの画像（ボタン）の入力がそれぞれの新しい列要素に含まれています。これを行うには、私は動的にDataColumnsのを構築するために、実行時に通じ列挙のDataTableを使用します。基本的にそのボタンは、いくつかのスクリプトを使用して非表示する列を可能にします：

$(document).ready(function() { 
      $('#Image1').click(function() { 
       $('td:nth-child(3),th:nth-child(3)').hide(); 
      }); 
     }); 

だから私の質問は、私が新しく作成されたボタンのそれぞれが（関係なく、ボタンの名前と同じ機能を呼び出すことができますどのように、これですいくつのボタンが作成されるのか、その名前がわからないからです）。

Answer 1

同じCSSクラス名を付けてください。 .NETを使用しているときにJavaScriptをIDに連結しないようにしてください。

次にあなたが使用することができます。これは完全に働いた

$('.buttonClassOfYourChoice').click(function() { 
    alert($(this).html()) 
})