jquery - 在这个简单的例子中使用each()不起作用

Question

我试图了解如何使用jquery的each()，因为到目前为止我所尝试的方法不起作用。

在我的示例中，当单击任何“特殊”div 时，我尝试使用 .each() 向第一个元素添加边框。下次单击“特殊”div 时，为第二个“特殊”元素添加边框。第三次单击任何“特殊”div 时，将边框添加到第三个​​元素等...

JS

$.each(function(i) {
     $('.special').click(function(){
         $('.special[i]').css('border','2px solid red');
     }
     i++;
});

HTML

    <div class="special">fooft1</div>
    <div class="special">fooft2</div>
    <div class="special">fooft3</div>
    <div class="special">fooft4</div>
    <div class="special">fooft5</div>
    <div class="special">fooft6</div>

Answer 1

var i = 0;
$('.special').click(function(){
         $(".special:eq("+i+")").css('border','2px solid red');
     }
     i++;
});