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返回一個新對象。 您的代碼遇到的問題可能是您試圖引用未更改的初始變量。