How to get ID of link that opened Fancybox3 within onComplete?

Question

I have seen what looks like it could be the solution to this issue in other questions on stackoverflow, but NONE of them have worked.

I am trying to get the innertext of the link that was clicked to open Fancybox:

$("a.turnDateLink").each(function() {

              var that = $(this);

              $( "a.turnDateLink" ).fancybox({
                  'type': 'modal',
                  'onComplete': function() {

                      var currentday = $(that).text();
                      console.log(currentday);
                  },
                  'afterClose': clearCurrentDay,
                  'fullScreen' : false
              });

});

It only returns the innerText of the last a.turnDateLink. EVERY TIME! ugh.

Keep in mind that I would like to use the fancybox grouping with this.

See the Fancybox documentation to understand grouping: http://fancyapps.com/fancybox/3/docs/#usage

If you have a group of items, you can use the same attribute data-fancybox value for each of them to create a gallery. Each group should have a unique value:

Answer 1

Check documentation about events - http://fancyapps.com/fancybox/3/docs/#events

The first examaple contains useful tips, including how to find clicked element:

onComplete: function( instance, slide ) {

    // Tip: Each event passes useful information within the event object:

    // Object containing references to interface elements
    // (background, buttons, caption, etc)
    // console.info( instance.$refs );

    // Current slide options
    // console.info( slide.opts );

    // Clicked element
    // console.info( slide.opts.$orig );

    // Reference to DOM element of the slide
    // console.info( slide.$slide );

}