我想创建画廊。我有按钮:全部,移动,桌面,商店等。图片位于服务器上并分配了标签。例如,一个图片标签:全部,移动,商店。如何在html中分配标签?到类,数据属性还是其他方式?按下按钮后,我只想显示一个类型的图片,例如带有移动标签。
答案 0 :(得分:1)
如果您不想使用css类,可以在HTML
<img data-tag='mobile' ... >
选择器
$('img[data-tag=mobile]')
答案 1 :(得分:1)
如果您已经在html页面中生成了图片,则可以使用<img data-tag="mobile-desktop" src="link" />
之类的内容将图片标记设为移动版和桌面版。基于单击,使用javascipt,您只需过滤其data-tag属性包含所需标记的图像。如果您还需要,请在评论中告诉它
答案 2 :(得分:-1)
您可以直接在html标记中设置数据,例如data-name =“value”。还可以选择使用jquery或JavaScript将元素存储在变量中,并执行variableName.attr(data,value)。您还可以在javascript中创建变量,为其赋值,然后选择classname并执行.data(value)