用户权限 jQuery

我有一个内部网站，必须根据用户的权利显示/阻止用户的内容。我根据其 ID 从数据库中检索权利，并将其存储在站点上隐藏的标签中。最初，它只是 1 维的，所以我创建了一堆这样的标签来跟踪他们的权利。

<div id="USA" access="Read">
<div id="CANADA" access="Write">

当他们在网站上导航时，我会检查这些标签以允许或拒绝访问。后来，我不得不扩展它，所以它变成了这样：

<div id="USA" state="New York, New Jersey, Connecticut" access="Read">
<div id="CANADA" state="Ontario, Quebec" access="Write">

这导致了一个限制，即我无法在特定国家/地区向一个人授予读写访问权限，但这在当时不是问题。现在，我需要为其添加第三层，但不确定该怎么做。

新设计还需要克服先前设计的限制，以便用户在X个城市拥有读取访问权限，但在Y城市拥有写入访问权限。这就是我在想的，但我认为它不会再起作用了：

<div country="" state="" city="" access="" >

是否有一种优雅的方式来创建div 标签或其他方法来轻松存储/检索用户权利？