Adding "Title" HTML attributes to <a> tags that wrap the thumbnails inserted via Wordpress Media Uploader

Hi everyone,

I'm currently developing a Wordpress website that utilizes a Lightbox Gallery plugin. The plugin works light any other lightbox: Each thumbnail image is wrapped by a link that links to the full-size image which is shown on an overlay upon clicking the thumbnail. This plugin also comes with a caption functionality by overlaying the text within the Title HTML attribute found on the link wrapping the thumbnail.

I know that on Wordpress you can set the Title Atrribute from the Media Library, however, this Title attribute is only set on the <img> Thumbnail nested within the link, and not the link itself. I need the Anchor tag to have this attribute and so I came up with a client side solution that uses jQuery to iterate through each thumbnail, get its Title Attribute, traverse up to its parent anchor tag and set it its Title Attribute to the one fetched.

I guess my question is : is this client side solution the best way to go about solving this problem? Or would it be better to do something via PHP, perhaps using the functions.php on Wordpress? I've included the jQuery code below so you can see the code I'm using to solve the problem

$('#links img').each(function(){
// iterate through each thumbnail and store its title Attr in a variable
    var thumbnail = $(this);
    var imageTitle = thumbnail.attr('title');

// Use the thumbnails cached attribute and set it as the parent's title attribute
    thumbnail.parent('a').attr('title', imageTitle);


});