僅在第一個元素上切換

Question

我正在嘗試切換（）單個表格行。每一行獲得一個序列號，並被加入到該行的id中。當單擊more.png圖像時，該行將顯示或隱藏。這只是做第一行。我錯過了什麼？

$(function() { 
function showdetail() 
    { 
    var id = $(this).attr('rel'); 
    $('#'+id).toggle(); 
    } 
    $('#detail').click(showdetail); 
}); 

這是點擊。

echo '<img src="more.png" id="detail" rel="details'.$serial.'" />'; 

這是顯示或隱藏。

echo '<tr id="details'.$serial.'"><td>stuff...</td><td>stuff...</td></tr>'; 

Answer 1

頁面加載時，將單個函數綁定到單個元素：id =「detail」元素的第一次出現。您不能在具有相同ID的頁面上擁有多個元素。

替換此：

echo '<img src="more.png" id="detail" rel="details'.$serial.'" />'; 

與此：

echo '<img src="more.png" class="detail" rel="details'.$serial.'" />'; 

然後更換

$('#detail').click(showdetail); 

與此：

$('.detail').click(showdetail); 

顯然，這是未經測試的，所以讓我知道它是否工作...