多个classname相同的按钮，怎么通过JS或jQuery获取到按钮的上一个元素的值

Question

<ul class="list-group">

<li class="list-group-item">
  <a href="/index/cs/applyout" class="btn" style="color:white;">申请</a>
  <p class="bulid">11号楼 122宿舍 1号床</p>
</li>

</ul>
<ul class="list-group">
...
</ul>
代码如上图
我想通过点击a标签，实时的获取a标签下面的p标签的值。我只能实现点击不同的p元素，然后获取到p的值，始终实现不了点击a标签，获取到p标签的值。

Answer 1

$('.btn').click(function(){
  $(this).next().text(); // p 
});

Answer 2

你可以把p的信息放到a标签的dataset上