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
Menu