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());
    });