jQuery find()——循环找到的元素？

Question

我正在尝试使用每个元素都有的 data 属性将一些 CSS 应用于一组元素。我正在使用 jQuery 的 find 来遍历元素，但我似乎无法使用 $(this) 对各个元素应用任何定制转换:

$('#ajax-list').find('a .title').css('background', colours[$(this).attr('data-colour-id')]);

我尝试使用 $(this) 来引用 a .title 但它不起作用。有没有办法循环遍历 find() 的结果来单独影响每个找到的元素？

Answer 1

您可以使用.css( propertyName, function(index, value) )格式来实现这一点

$('#ajax-list').find('a .title').css('background', function(){
    return colours[$(this).attr('data-colour-id')];
});