JQUERY如何点击获取相同结构同级标签里的内容？

Question

代码如下：

<div class="box">
    <ul>
        <li>
            <div class="list">
                <div class="item">
                    <p><span>用户姓名</span></p>
                </div>
                <em>点击</em>
            </div>
        </li>
        <!-- 这里省略多个li相同结构 -->
        <li>
            <div class="list">
                <div class="item">
                    <p><span>用户姓名N</span></p>
                </div>
                <em>点击</em>
            </div>
        </li>
    </ul></div>

想要实现的效果，点击li里<em>点击</em>获取当前li里<p><span></span></p>span的内容...请问如何获取，非常感谢！~

Answer 1

$('.list em').each(function(){     $('.list em').eq(i).click(function(){         console.log($('.item').eq(i).find('span').html())     }) })方法有很多$('.list em').click(function(){    console.log(this.prev().find('span').html()) })