Javascript for loop with jQuery

Question

I want to be able to click on any div from an array and have the box change it's opacity. I have a jsfiddle to explain better what I mean. I have the code working with plain javascript but I don't know how to do the same with jquery. Thanks for your help!

$('.mind:eq(i)').click(function () {
    $('.mind:eq(i)').css('opacity', '1');
});

//Plain javascript
var box = document.getElementsByClassName('box');
function change(i2) {
    box[i2].onclick = function () {
        box[i2].style.opacity = "1";
    };
}
for (i = 0; i < box.length; i++) {
    change(i);
}

Do you want to get rid of the for loop or just have a general function that changes the opacity on click? — Mark C.
– Mark C., Commented Jun 5, 2015 at 15:14
Just a general function that changes the opacity on click. That's the only way I knew how by using plain javascript. — spencer.sm
– spencer.sm, Commented Jun 5, 2015 at 15:17

Balachandran · Accepted Answer · 2015-06-05 15:13:10Z

4

Use this for current selected element

$('.box').click(function () {
    $(this).css('opacity', '1');
});

Updated fiddle

answered Jun 5, 2015 at 15:13

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

spencer.sm Over a year ago

Wow. I had no idea it would be that simple. Thanks!

Collectives™ on Stack Overflow

Javascript for loop with jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related