Javascript jQuery是一个包含url的元素

我有3个div，带有

data image=“1”

data image=“2”

data image=“3”

我有变量

$img\u numer

我需要使用

data image=$img\u numer

从元素获取div的背景图像url

类似于

$url=$（“'.img[data image=“+$img\u number+”）”）.css（“背景图像”）

---

我该怎么做呢？

您可以将变量添加到选择器中，如下所示：

var img_number = 1;
$('img[data-image="'+img_number+'"]');

查看示例

我会尝试

$img_number = 5;  // just an example
$url = $("img[data-image='"+$img_number+"']").css("background-image");  // grab the background property

举个完整的例子：

window.getURL=function（）{
$img_number=$（'[type=“number”]'）.val（）；
$url=$（“[data image='”+$img_number+“]”）.css（“背景图像”）；
$url=$url.replace（'url（'，''）.replace（'），''）；//丢失额外的详细信息
警报（$url）；
}

div.image{
背景图像：url（'http://graph.facebook.com/205500370/picture?type=large');
高度：150像素；
宽度：150px；
}
div{
显示：内联块；
垂直对齐：中间对齐；
文本对齐：居中；
}

获取图像URL

var url=$（.img[data image=“+$img_number+”））.prop（'src'）

if（e.keyCode==39）{$img_number=1；$background_next=$（“.img[data image=“+$img_number+”）.css（“background image”）；alert（$background_next）；}但是它会重新运行UnfinedYou需要删除

前面的点。img

，您不是在寻找类，而是在寻找

元素。这是一个示例，我有类img，所以在这种情况下我需要该点，我想OK。调试时尝试使用

console.log

而不是

alert

。什么是

console.log（$（$（$img[data image=“+$img\u number+”）））输出到控制台？这是我需要的：）