JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="some_class" id="target_div_1">Add to DIV 1</a><br />
<a href="#" class="some_class" id="target_div_2">Add to DIV 2</a><br />
<a href="#" class="some_class" id="target_div_3">Add to DIV 3</a><br /><br />

<div class="some_other_class target_1">Div 1</div>
<div class="some_other_class target_2">Div 2</div>
<div class="some_other_class target_3">Div 3</div>

CSS

.some_class {
    font-family: Tahoma;
    font-size: 12px;
    text-decoration: none;
}
.some_other_class {
    font-family: Tahoma;
    font-size: 12px;
    padding: 10px;
    margin: 10px 0;
    border: 1px #000 solid;
}

JavaScript

$("a[id^=target_div_]").click(function(event) {
    var targetID = $(this).attr('id').substr(11);
    $("div.target_" + targetID).html('content got inserted in div ' + targetID);

    event.preventDefault();
});