HTMLテーブル - 各​​のポップアップボックスを作成し、xmlデータを表示

Question

私はプロジェクトを進めており、Webアプリケーションを作成しようとしています。これまでのところ、私のコードはthis exampleのようです。ボタンを押すとテーブルが表示されます。この例でわかるように、この表にはXMLファイルのデータが含まれています。 問題：それぞれの 'td'をクリックすると、表示されるポップアップボックスが表示されます。このボックスには、同じXMLファイルの「td」ごとに異なるデータが含まれます。具体的には、画像と「td」を参照するテキストが含まれます。実際には、私はthisのようなものが欲しいです。私はこのコードを自分のコードに追加しようとしました。そして、私はすべての 'td'にポップアップボタンを作成しました。しかし、これらのボタンをクリックすると何も起こりません。あなたが私とあなたの知識を分かち合うといいですね！

Answer 1

私はあなたのロジックのための完全なヘルプだと思います。

$('td').click(function() { 
     $("#MyModal").modal("show"); 
    }); 

Answer 2

あなたはtdのためのクラスを割り当て、このexample

P.S.

$("#MyModal").modal("show");

チェックアウトによって呼び出さjqueryのmodleと、そのIDをクリックすることで可能私はポップアップのためのブートストラップモデルを使用しましたが、他のものはコードの最小限の変更で使用することができます。