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 ()

)
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e3da-2c3ef.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e3da-2c3ef.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?