jQuery 如何根据数据属性的值过滤对象数组？

Question

如果我正在处理返回的图像数组，如何仅过滤掉那些包含特定数据属性值的图像？

例如...

let $exampleImages = $("#example img");

现在每个示例图像都会返回类似

的内容

$exampleImages[5] => <img ... data-targetattribute="12345" ... >

我怎样才能只过滤掉那些包含data-targetattribute="12345" 的图像？

我认为以下方法会起作用，但它没有......

$exampleImages.filter('[data-targetattribute="12345"]');

有什么想法吗？过滤方法或对象集合是否有一些我无法正确理解的内容？

我也没有与 jQuery 结婚，所以如果这更适合原始 Javascript 方法，我会全力以赴！

谢谢！

Answer 1

要从 jQuery 对象中过滤具有给定数据属性值的项目，.filter([selector]) 方法将实现您想要的。

这里有一些示例代码展示了这一点：

var divs = $('div');

divs = divs.filter('[data-targetattribute="12345"]')

divs.css('background-color', 'red');

JSFiddle

请注意.filter 返回一个新对象。您的代码遇到的问题可能是您试图引用初始变量，该变量尚未更改。