jquery - クリックされたリンクの前の要素を見つけるにはどうすればよいですか?

Question

次のようなコードがある場合:

<div class="container">
  <span class="pID">12342123</span>
  <a href="#" class="but">click here</a>
</div>

<div class="container">
  <span class="pID">98765432</span>
  <a href="#" class="but">click here</a>
</div>

<div class="container">
  <span class="pID">2342342</span>
  <a href="#" class="but">click here</a>
</div>

リンクがクリックされた場合に、pID に移動して、a 自身のコンテナー内の # を取得するにはどうすればよいですか?

$('.but').on('click',function(){
   var pID = $(this).parent('pID').text(); ?
});

参考までに、私は PID をアンカーに入れることを制御できません。