JSFiddle - React, Tailwind, and code Playground

HTML

<div class="camera_wrap" id="camera_wrap_106">
<div class="cameraContents">
    <div class="cameraContent">
        <a class="camera_link" href="lightbox-large.jpg" title="This is where i need the caption">test1</a>
        <div class="camera_caption">
            <div>This is the caption</div>
        </div>
    </div>
    <div class="cameraContent">
        <a class="camera_link" href="lightbox-large.jpg" title="This is where i need the caption">test2</a>
        <div class="camera_caption">
            <div>This is the caption</div>
        </div>
    </div>
    <div class="cameraContent">
        <a class="camera_link" href="lightbox-large.jpg" title="This is where i need the caption">test3</a>
        <div class="camera_caption">
            <div>This is the caption</div>
        </div>
    </div>
</div>

JavaScript

//    $("#camera_wrap_106 .cameraContent a.camera_link").attr('title',function(){
//        return $.trim($(this).next().text());
//    });

    $("#camera_wrap_106 .cameraContent").each(function() {
        $("a.camera_link",this).attr('title', $(".camera_caption div",this).text());
    });