我试图制作一个高度较低的<div>
,并且data-image-src是灰度的,直到它被点击为止,它将恢复全高和颜色。
我设置视差jquery的方式,背景图像在data-image-src中设置,我不知道如何用CSS定位它以确保它获得filter: grayscale(100%)
。
以下是HTMl的设置方式
<div class="parallaxmenu" id="parallax-4" data-parallax="scroll" data-image-src="../pictures/drinks.png">
我试图定位data-image-src="(Image)"
有没有办法做到这一点,还是我必须以不同的方式设置我的Jquery?
答案 0 :(得分:6)
您可以使用div[data-image-src]
定位具有该属性的任何div,或使用div[data-image-src="(Image)"]
定位具有该属性和该属性值的div。
答案 1 :(得分:0)
如果你只需要定位,@ zgood回答了这个问题,但是如果你想要获取属性的值,你需要使用Javascript:
<script src="/socket.io/socket.io.js"></script>
<script src="/script.js"></script>
var x = document.getElementById("parallax-4").getAttribute("data-image-src");
console.log(x);