JSFiddle - React, Tailwind, and code Playground

HTML

<div>
            <div class="icons">
                <div class="group popOutDisplay">
                    <a href="#" data-id="128910"><i class="fa fa-home">link 1</i></a>
                    <a href="#" data-id"239019"><i class="fa fa-search"> link 2</i></a>
                    <a href="#" data-id="346653"><i class="fas fa-bicycle"></i>link 2</a>
                </div>
                <div class="group">
                    <a href="#"><i class="fa fa-globe"></i></a>
                </div>
                <div class="group bottom">
                    <a href="#"><i class="fa fa-trash"></i></a>
                </div>
            </div>
            <div class="content">
                <div id="128910";>
                    <p>some content</p>
                </div>
                <div id="239019";>
                </div>
                <div id="346653";>
                </div>
            </div>
       </div>

JavaScript

$(function () {
    $('.popOutDisplay a').click(function(e) {
    	e.preventDefault();
      alert($(this).data('id'));
    })
})