javascript - 使用名称属性为div添加颜色

下面目前为两个div提供了红色CSS，我想为每个div唯一更改颜色。

<div class="foo" name="red">red</div>
<div class="foo" name="blue">blue</div>

<script type="text/javascript">

 $('.foo').each(function() {
   var color = $('.foo').attr('name');
   $(this).css('color',color);
 });

</script>

最佳答案

试试这个:

$('.foo').each(function() {
    var color = $(this).attr('name');
    $(this).css('color',color);
});