從DOM刪除以前的點擊

Question

我有一個帶有不同id的5 dt標籤，帶有span標籤。每個span標籤都有相同的圖像。 例如：

我在每個dt下都有一個保存圖標。當用戶點擊它時 - 它變成非保存圖標。

現在，如果我在第一個dt並點擊保存圖標，它變成非保存多數民衆贊成完全fine.when我去第二個dt並點擊它保存圖標它是改變爲非保存圖標，它也可以但我需要刪除第一個dt中的非保存圖標並更改爲保存圖標。

有人有什麼想法嗎？

Answer 1

我不知道你的代碼的樣子，但也許以下將幫助您： HTML：

<table> 
    <tr id="buttons"> 
    <td></td><td></td><td></td> 
    </tr> 
</table> 

CSS：

.safe { 
    background: url(../safe.jpg) no-repeat 0 0; 
} 
.non-safe { 
    background: url(../unsafe.jpg) no-repeat 0 0; 
} 

的JavaScript：

var buttons = document.getElementById("buttons").getElementsByTagName("td"), 
    i = 0, 
    len = buttons.length; 

for (; i < len; i++) { 
    buttons[i].addEventListener("click", function() { 
    for (i = 0; i < len; i++) { 
     var button = buttons[i]; 
     if (button === this) { this.className = "safe"; 
     } else { button.className = "non-safe"; } 
    } 
    }, false); 
} 

你可以谷歌的「事件代表團」爲更先進的技術：

將偵聽器添加到td元素的公共祖先元素，而不是每個添加一個偵聽器。