jquery获取邻​​居html值

Question

我正在关注html

<div class="wrapper">
    <h5>Testing</h5>
    <ul>
        <li><span class='ent'>test</span></li>
        <li><span class='ent'>test</span></li>
    </ul>
</div>
<div class="wrapper">
    <h5>Testing123</h5>
    <ul>
        <li><span class='ent'>test</span></li>
        <li><span class='ent'>test</span></li>
    </ul>
</div>

我有点击功能

$('.ent').on('click', function() {
    alert($(this).html()); #This works fine
    alert($(this).find('h5').html()) #This is undefined
})

我可以假设这是指当前元素，但我怎样才能获得邻居元素html。

Answer 1

尝试

alert($(this).closest('ul').prev('h5').html());

或

alert($(this).parent().prev('h5').html());

或

alert($(this).closest('.wrapper').find('h5').html());

<小时/> 代码问题.find()向下查看元素h5所在的树，因此您需要使用类element获取父wrapper而不是使用find或获取父级ul并使用.prev()获取上一个元素

---

参考

.closest()

.parent()

.prev()

.find()