使用$('img [src $ =“变量中的图像源结束字符串]]选择图像获取未定义的值

时间:2016-07-30 09:10:07

标签: javascript jquery html css

我有这段代码,其中有一个ID为#imgfullview的图片,另一张为imglist的图片。

我想获取#imgfullview的图像src,并根据src属性获取类imglist上的匹配图像。

我使用了这个选择器https://api.jquery.com/attribute-ends-with-selector

如果我只使用了使用字符串

的选择器,这是有效的
var x = $(".imglist[src$='b-640x624.jpg']");
var imglistmatched = x.attr("src");
alert(imglistmatched );

但是如果我使用选择器将字符串更改为变量,那么我不知道为什么虽然我在基于字符串拆分函数的变量undefined value上有完整的字符串'b-640x624.jpg'但是为什么?{1}}在完整补丁src上或通过在console.log上检查它或通过警告变量

分配确切的字符串
splitimgurl

我试过这个

var currentimg =$("#imgfullview").attr("src");
var splitimgpath = currentimg.split('_');
var splitimgurl = splitimgpath[2]; //or this splitimgurl = "b-640x624.jpg";
var x = $(".imglist[src$=splitimgurl]");
var imglistmatched = x.attr("src");
alert (imglistmatched);

和这个

var x = $(".imglist[src$="splitimgurl"]");

和这个

var x = $(".imglist[src$="+splitimgurl+"]");

它不起作用

请在小提琴http://jsfiddle.net/w7n3sh2v/

上看到这个

我在下面找到了相关问题,但没有帮助

jQuery $("img[src=the_image_souce]").attr('src','new_src'); does not work

我可以知道是否有正确的方法将变量放在属性等于选择器上?

1 个答案:

答案 0 :(得分:1)

您错过了

中的''
var x = $(".imglist[src$=" + splitimgurl + "]");

试试这个

var x = $(".imglist[src$='" + splitimgurl + "']");