How does JQUERY click to get the content in the sibling tag of the same structure?

the code is as follows:

<div class="box">
    <ul>
        <li>
            <div class="list">
                <div class="item">
                    

<span></span>

</div> <em></em> </div> </li> <!-- li --> <li> <div class="list"> <div class="item">

<span>N</span>

</div> <em></em> </div> </li> </ul> </div>
For the effect you want to achieve, click in li and click to get the content of span in the current li. Please tell me how to get it, thank you very much! ~

Feb.21,2022

$('.list em').each(function(){
    $('.list em').eq(i).click(function(){
        console.log($('.item').eq(i).find('span').html())
    })
})

there are many

methods.
$('.list em').click(function(){
    console.log(this.prev().find('span').html())
})

jq Click
$(this). Parent (). Parent (). Siblings (). Find ('span'). Text ();


$(this).closest('li').find('span').html()
in the event
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-1ea4427-1cbe.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-1ea4427-1cbe.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?