Javascript 根据用户年龄显示div

我想向某些用户显示某些div。为此，我在phpMyAdmin中有一个名为“UserType”的列，它指示用户是高于18岁还是低于18岁。基于此，如果用户低于18，我想隐藏ID为“18+”的所有div。下面是包含产品的两个不同div的示例：

低俗小说

8.90英镑


蓝色驱魔者

8.90英镑

我只需添加“.成人”类并检查它

forEach（）

方法为每个数组元素执行一次提供的函数

call（）

方法使用给定的this值和单独提供的参数调用函数

[].forEach.call（document.queryselectoral（“.content”），（el）=>
{
如果（el.classList.contains（“成人”））
{
el.style.display=“无”；
}
})

低俗小说

8.90英镑


蓝色驱魔者

8.90英镑

考虑到您使用的是phpMyAdmin和SQL，我建议您使用PHP来决定将哪个div打印到页面上

例如：

<?php
$c = ; //your sql connection
$userQuery = mysqli_query($c, /* your query for the user */);
$user = mysqli_fetch_assoc($userQuery); //gets user data as an array
if ($user['UserType'] == '18+') { ?>
<div ...></div>
<? }
else if ($user['UserType'] == '13+') { ?>
<div ...></div>
<? }
else { /* otherwise */ }
?>

您可以在div侧使用

style=“display:none；”

。使用jQuery，您可以读取列值并执行

.show（）

或

hide（）

我会在服务器端执行此操作，否则未成年用户在运行开发人员工具并取消隐藏div的情况下仍然可以访问其他内容-即不要使用js或css隐藏年龄限制的内容，首先确保内容永远不会输出到DOM对不起，我对编码有点生疏，你是第一个发布JavaScript函数的吗？现在，类中包含成人的所有元素都将被禁用谢谢你的回答，这一切都有意义，但是，我似乎无法将其付诸实施。我编辑了这篇文章，向您展示了我正在尝试的内容，这是因为您试图在JavaScript中引用PHP数据。另外，不要使用PHP显示/隐藏div；用户仍然可以使用开发人员工具查看它。检查编辑的答案。