在HTML中使用javascript標識選定的td

我有一個包含100行和td的表。像見下文在HTML中使用javascript標識選定的td

<table border="0" cellpadding="0" cellspacing="0" id="artcle-title" > 
    <tr> 
    <td>Artcle details 1</td> 
    </tr> 
    <tr> 
    <td>Artcle details 2</td> 
    </tr> 
    <tr> 
    <td>Artcle details 3</td> 
    </tr> 
    <tr> 
    <td>Artcle details 4</td> 
    </tr> 
.... 
</table>

當在TD內容的用戶點擊，我要相對於所選擇的table.i顯示一個單獨的內容表要顯示在一個單獨的表的內容。我的意思是在選定的表格旁邊。我的問題是，

如何確定我選擇哪個表（帶出來傳遞任何參數如：funshow（td_id1）等）

是否有任何人知道這一點？

來源

2010-08-16 Testadmin

您使用的是哪種javascript框架？例如：jQuery，原型，dojo等 – Lukman 2010-08-16 08:35:52

我知道簡單的java腳本和jquery – Testadmin 2010-08-16 09:11:33

您可以將click處理程序附加到table中的每個tr元素。一旦點擊此處理程序將被調用，您將能夠獲得底層的DOM元素。一旦你有了元素，你可以修改它的內容。取決於你是否使用JavaScript框架，實現這個目標的方式會有所不同。例如使用jQuery：

$(function() { 
    $('table tr').click(function() { 
     $(this).html('<td>some new contents</td>'); 
    }); 
});

來源

2010-08-16 08:37:55

實際上我想顯示在一個單獨的表中的內容。我的意思是在選定的表格旁邊 – Testadmin 2010-08-16 08:58:15

在另一張桌子上的哪個位置？一個新的行？現有的一個（如果是，如何識別這一行）？ – 2010-08-16 09:00:57

謝謝第一個表有一個id id =「artcle-title」。在這張桌子的外面，我有一張新的桌子，裏面有一個Id id =「artcle-details」。在文章詳細信息表中，我只想顯示一行內容。而所有其他應該不顯示。 – Testadmin 2010-08-16 09:10:41

在桌子上，放置一個onclick事件：

的HTML：

<table onclick="lineSelected(event||window.event)">...</table>

的JavaScript：

function lineSelected(ev){ 
    var target = ev.target || ev.srcElement; 
    // target is the clicked element (TD, TR,...) 
    // Place here the code to detect which line is selected, ie: 
    // content of a cell in that row, counting the lines, an id on the tr,... 
}

這是老樣子將事件附加到DOM元素，但它是跨瀏覽器並且易於啓動。然後，您可以開始使用attachEvent或addEventListener

來源

2010-08-16 08:39:12 Mic

會重視每一個TD表中與ID articles一個click處理程序。被點擊的td的內容將被寫入類tdcontent的元素中。不應該很難根據自己的需要定製此示例。

jQuery

來源

2010-08-16 09:30:33 teemitzitrone

在HTML中使用javascript標識選定的td

回答

相關問題