javascript - Jquery通过数据链接选择

Question

我有 10 张带有数据链接属性的图像，想要获取当前页面路径并选择匹配的

 var pathname = window.location.pathname;
current = $(".slide img").data('link', pathname);
console.log(current);

这是我到目前为止所拥有的，但它没有返回任何结果。

Answer 1

var pathname = window.location.pathname;
current = $(".slide img[data-link='"+ pathname +"']"); // get the image with pathname
console.log(current);

Answer 2

data()返回存储的数据值，它不选择任何元素。相反，您可以使用Attribute Equals Selector：

current = $(".slide img[data-link='" + pathname + "']");

Answer 3

您正在更改data-link属性的值而不是选择元素，您可以使用 usefilter方法。

var $current = $(".slide img").filter(function() {
   return $(this).data('link') === pathname;
});