JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <span class='item-id' data-id='111'>id</span>
    <span class='item-target' data-id='321'>target</span>
    <a class='send'>send</a>
</div>
<div class="item">
    <span class='item-id' data-id='456'>id</span>
    <span class='item-target' data-id='234'>target</span>
    <a class='send'>send</a>
</div>
<div class="item">
    <span class='item-id' data-id='321'>id</span>
    <span class='item-target' data-id='234'>target</span>
    <a class='send'>send</a>
</div>
<div class="item">
    <span class='item-id' data-id='213'>id</span>
    <span class='item-target' data-id='123'>target</span>
    <a class='send'>send</a>
</div>

JavaScript

$('.item').each(function() {
    var itemId = $(this).find('.item-id').data().id;
    var itemTarget = $(this).find('.item-target').data().id;
    var URL = "http://fde&id=" + itemId + "hve&target=" + itemTarget;
    
    $(this).find('.send').attr("href", URL);
});