JSFiddle - React, Tailwind, and code Playground

HTML

<div id="buttoncollection">
 <div id="link20111">button 20111</div>
 <div id="link20112">button 20112</div>
 <div id="link20113">button 20113</div>
</div>

<div id="bottomrightbox">
 <div id="20111">link20111</div>
 <div id="20112">link20112</div>
 <div id="20113">link20113</div>
</div>

JavaScript

$(document).ready(function () {
jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ?
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

    
    $(':regex(id,link)').click(function() {
        var link_id = $(this).attr('id');
        var id = link_id.replace(/^link/, '');
        $('#bottomrightbox').children().hide();
        $('#' + id).fadeIn(500);
    });
});