jquery - 有没有办法选择 .data() 附加的值？

Question

背景:我正在对现有的照片库插件进行升级，该插件在中心显示大图像，并在两侧逐渐显示较小的图像。

所以我的问题是这样的:我在每个图像上设置一些数据，给出图像的索引、下一个图像的索引和上一个图像的索引，如下所示:

$(this).data('index', i).data('prev', i - 1).data('next', i + 1);

稍后，我希望能够根据索引选择图像。我尝试了以下方法，但似乎不起作用:

$('[data-index=' + index + ']');

有没有办法根据.data()附加的一段数据来选择元素？

Answer 1

您可以使用.filter() ，像这样:

$('*').filter(function() { return $.data(this, 'index') == index; })

但是，* 非常昂贵，因为它对所有元素运行此过滤器，请使用更具体的选择器开始。