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要素を選択する代わりに属性の値を変更しているため、filterメソッドを使用できます。

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