使用CSS在<div>标记内定位数据

时间:2016-11-18 20:36:35

标签: javascript html css

我试图制作一个高度较低的<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?

2 个答案:

答案 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);