I'm trying to loop through 12 classes, named `.video-link0` through `video-link11`, where each one gets the treatment:

```
$('.video-link[n]').click(function() {
    $('.video-link[n]').addClass('show');
});

```

Essentially, I want the following behavior:

When `.video-link1` is clicked, `addClass('show')` to `video-link1`

When `.video-link2` is clicked, `addClass('show')` to `video-link2`

and so on, as if I had 12 functions that looked like this:

```
$('.video-link1').click(function() {
    $('.video-link1').addClass('show');
});

$('.video-link2').click(function() {
    $('.video-link2').addClass('show');
});

... and so on

```

I want to write a single loop that replaces the need to write this out as 12 separate cases.

The following does not yield the result I'm looking for:

```
var elems = 12;

for(var i = 0; i < elems; i++){
    $('.video-link' + i).click(function() {
        $('.video-link' + i).addClass('show');
    });
};

```

\*\* **UPDATE** \*\*

This is not a duplicate question, or else the above question referenced does not address my requirement. I am not trying to move up and down the DOM with `next`. Rather, I want to write a single loop that iterates through 12 classes numbered 0-11 using `i` to enumerate the cases.

\*\* **UPDATE** \*\*

This works for me, and is using a suggestion by Lloyd Banks (I needed the `i` enumerator PLUS the `this` keyword):

```
for (var i = 0; i < 12; i++) {
    $('.video-link'+i).click(function() {
      $(this).addClass('show');
    });
  }

```