JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dialog" title="Dialog1" id="dia_1_form" target="friends" >
    
    <div class="item" >項目1:</div>
</div>

<div class="dialog" title="Dialog2" id="dia_2_form"  target="circles">
   
    <div class="item" >項目1:</div>
</div>
    
<div id="toolbar">
    <div class="items" id="add_friend" target="dia_1_form">Dialog1</div>
    <div class="items" id="add_circle" target="dia_2_form">Dialog2</div>
    
</div>

JavaScript

$( ".dialog" ).dialog({
            autoOpen: false,
            
            modal: true,
           buttons: {
                '關閉':function(event,ui){//怎麼取用目前Dialog的物件
                    
                    //Ex:我想用取得Dialog裡面的item、或是該Dialog的target
                    
                   
                }
            },
            close: function(event,ui) {//怎麼取用目前Dialog的物件
                    
                    //Ex:我想用取得Dialog裡面的item、或是該Dialog的target
               
                
            }
        });

$('.items').click(function(){
            var targetform    =    $('#'+$(this).attr('target'));
            targetform.dialog( "open" );
        });