JSFiddle - React, Tailwind, and code Playground

HTML

<div title="dssd" class="tooltip">bunda olur</div>
<div title="dssd" class="tooltip2">bunda da olur</div><div title="dssd" class="tooltip4">ama bunda olmaz</div>

JavaScript

$(document).ready(function() {
  ToolTip(".tooltip, .tooltip2, .tooltip3");       
});

//Tüm tooltip class'ındaki verileri seçiyoruz
function ToolTip(classes) {
    $(classes).mouseover(function(e) {
     
    //Söz konusu verideki title'ın içeriğini veriye aktarıyoruz
    var tip = $(this).attr('title');
     
    //Taraıyıcının title için normalde yaptığı şeyi engelliyoruz
    $(this).attr('title','');
     
    //Yeni tooltip ayarlarımızı oluşturuyoruz
    $(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');
     
    //fadeIn efektiyletooltip'in görünmesini sağlıyoruz
    $('#tooltip').fadeIn('500');
    $('#tooltip').fadeTo('10',0.9);
     
    }).mousemove(function(e) {
             
    //Tooltip'in mouse il beraber hareket etmesini sağlıyoruz
    $('#tooltip').css('top', e.pageY + 10 );
    $('#tooltip').css('left', e.pageX + 20 );
             
    }).mouseout(function() {
             
    $(this).attr('title',$('.tipBody').html());
             
    $(this).children('div#tooltip').remove();
     
    });
}