从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元素的公共祖先元素，而不是每个添加一个侦听器。