Javascript：使用行的功能

Question

我有一個使用JavaScript生成的數據表。在每行的末尾是一個可點擊的圖像。點擊後，將出現一個彈出窗口，其中包含基於該行的信息。

我使用這裏的第二個例子：http://www.abidibo.net/projects/js/moopopup/demo

基本上，我怎麼把它設置現在是這樣的：

的功能;

function popup() { 

    var mp_instance = new moopopup({ 
     overlay: true, 
     title: 'Copy server address', 
     html_node: 'mynode', 
    }); 
    mp_instance.display(); 
} 

使彈出，顯示，使用其最初是隱藏

<div id="mynode" style="display:none">Content.</div> 

然後將圖像使用的onclick，使彈出運行一個div。

onclick='popup();' 

現在可以使用靜態數據，但是每行都有不同的內容，我想將它們放到彈出窗口中。所以我很困惑我會如何讓每個彈出窗口單獨出現在行中，而不會在末尾創建帶有ID的函數，這些函數基本上都會執行相同的操作。

http://www2.lethal-zone.eu/servers/tf2-servers

在每一行的末尾的圖像;點擊時會顯示一些額外的內容...

Answer 1

您通常會想將某些信息作爲參數傳遞給一個函數，然後使用這些參數來選擇內容。例如，將某個ID傳遞給該函數：

onclick="popup(1);" 

function popup(id) { 
    // do something with id to choose the content 
    // snip... 
}