javascript - 恢复到原始元素 ID

Question

我有 li block ，onclick 将更改类 ID，如下所示:

onclick = "document.getElementById('procblock1').id = 'procblock1Clicked';"
       "document.getElementById('procblock2Clicked').id = 'procblock2';"
       "document.getElementById('procblock3Clicked').id = 'procblock3';"
       "document.getElementById('procblock4Clicked').id = 'procblock4';"

行 document.getElementById('procblock2Clicked').id = 'procblock2'; 应该将任何单击的元素( block )恢复为其原始 ID 名称。

该代码用于将原始 ID 更改为单击的 ID，但对于将之前单击的内容恢复为原始 ID(如第 2,3 和 4 行所示)没有任何效果。

我努力搜索类似的问题，但找不到任何涉及此特定问题的内容。

Answer 1

@Matthias - 我根据你的建议采取了行动，并提出了一个非常简化的 jquery 解决方案:

`$(function() { 
    $(".showinfo").click(function() { //using class instead of ID
    $(".showinfo").removeClass("clicked"); //Remove all existing clicks
    $(this).addClass("clicked"); //add the class to the clicked element }); 
});`

发布解决方案，以防其他人有相同的查询。感谢您的帮助。