How do dynamically created multiple div, get the content of a span in a class of class in div?

<div class="panel-body PanelBody">"+
                            "<div class="table tableItem person">"+"<span class="personId"></span>"+"</div>"
                         </div>
                        personId
Apr.02,2021

$(".PanelBody"). Delegate (".personId", "click", function () {
console.log
});


$(".PanelBody"). Find ('.personId'). Text ()

)
Menu