javascript - 如何根据 div id 更改链接？

Question

我正在使用 Jcink 论坛 - 我可以根据用户组设置 div 的样式，它可以用作 html 变量(用于 ID)。

如何根据 ID 更改链接？

我假设这不能仅通过 css 和 html 来完成，但是我不精通 JS

例如(不是完整代码，只是一个精简版):

样式表:

#admin .avatar {background-image:url("admin.jpg");}
#mod .avatar {background-image:url("mod.jpg");}

HTML:

<div id="<!-- |g_id| -->">
    <a href="link changes based on div id">
        <div class="avatar"></div>
    </a>
</div>

Answer 1

如果你会编写脚本，你可以做类似的事情(内联演示，你可以遍历所有 div 并更改它们的链接)

<div id="<!-- |g_id| -->">
  <a href="whatever" onclick="this.href=this.closest('div[id]').id=='xxx'?'zzz':'yyy'">
    <div class="avatar"></div>
  </a>
</div>

如果 ID 为 xxx，则将 href 设置为 zzz，否则将其设置为 yyy