Making div element dynamic with another function

Question

I have a block of code that I want to try and refactor.

    $(function () {
        $('.dots:nth-of-type(1)').click(function () {
            currentSlide(1);
        });
        $('.dots:nth-of-type(2)').click(function () {
            currentSlide(2);
        });
    });

How can I make the nth-of-type(1) dynamic along with the currentSlide(1) so that for each nth-of-type(), I just need to click on it in order currentSlide to be the same?

user7290573 · Accepted Answer · 2019-10-16 16:03:05Z

2

Use jQuery's index method:

$(function() {
    $('.dots').click(function() {
        currentSlide($(this).index());
    });
});

answered Oct 16, 2019 at 16:03

user7290573

1,3401 gold badge8 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Making div element dynamic with another function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related