我有一个1行2列的表 左栏展示产品品牌(例如:苹果,三星,oppo) 当用户单击三星时,我只想在右侧显示三星手机型号的所有相关图像。 怎么实现呢?我目前没有安装任何数据库,所有图像物理文件都保存在我的应用程序的images文件夹中。
答案 0 :(得分:0)
根据您的需求,最好的方法可能是实际使用JavaScript来过滤这些图像。
我为您创建了一个简单的脚本:
function filterImg(className) {
for(var img of document.querySelectorAll(".filter")) {
img.style.display = "inline-block";
if(className.length && !img.classList.contains(className))
img.style.display = "none";
}
}
此处的工作示例:jsFiddle