Javascript 使div可点击

谢谢你在这里的出色工作。我试图使div（代码中的黄色块）成为可点击的项目，这样每个div在点击时都会链接到不同的文档

代码如下：

.homepage wrapper{
最大宽度：1043px；
左边距：自动；
右边距：自动；
}
.首页顶级类别容器标题{
背景色：黑色；
边缘底部：10px；
填充：15px 0 15px 0；
}
#首页顶级类别容器标题{
颜色：橙色；
左边距：15px；
}
.首页顶级货柜清单{
显示器：flex；
柔性包装：包装；
宽度：自动；
高度：自动；
}
.主页顶部类别容器列表>div{
左边距：15px；
边缘底部：15px；
}
.首页顶级集装箱项目{
显示：块；
浮动：无；
宽度：自动；
高度：自动；
边框：实心1px黑色；
位置：相对位置；
边界半径：3px；
背景颜色：黄色；
}
#首页-top-category-container-item-a{
宽度：240px；
高度：360px；
}
#首页-top-category-container-item-b{
宽度：240px；
高度：360px；
}
#首页-top-category-container-item-c{
宽度：240px；
高度：360px；
}
#首页-top-category-container-item-d{
宽度：240px；
高度：360px；
}
.首页顶级集装箱项目btn{
位置：绝对位置；
填充物：5px；
左：0；
右：0；
底部：0；
背景色：红色；
}

最受欢迎的过道
A区
按钮
B区
按钮
C区
按钮
D区
按钮

您可以执行以下操作：

$(".myDiv").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});

---

如果您试图使div可单击，可以使用Jquery执行以下操作：

$(".myDiv").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});

其中

.myDiv

是将其替换为您的div，但保留点，并将

href

更改为您的链接

要在没有JS的情况下执行此操作，请使用以下代码：

---

我想在这个问题上避免使用JS。我知道用纯html/css是可能的，但我忘了怎么做了