HTML表格 - 爲每個​​創建彈出框並顯示xml數據

Question

我正在開發一個項目，並且正在嘗試創建一個Web應用程序。到目前爲止，我的代碼就像this example。我按下按鈕，出現一張桌子。如您在示例中所見，此表包含XML文件的數據。 問題：我想通過點擊每個'td'，出現一個彈出框。該框將包含來自同一XML文件的每個'td'的不同數據。具體來說，它將包含一個圖像和一些引用'td'的文本。其實，我想要一些像this。我試着將這段代碼添加到我的代碼中，並在每個'td'中創建了一個彈出式按鈕。但點擊這些按鈕，沒有任何反應。如果你與我分享你的知識，這將是很好的！

Answer 1

我認爲它的幫助完全適合你的邏輯。

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

Answer 2

您可以指定一個類來TD，並與jQuery MODLE該ID叫的點擊通過

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

結帳這個example

附：我已經使用bootstrap模型彈出，但其他任何可以使用代碼中的最小變化。