jquery - 同様のクラスを持つ以前の div から数値を取得してそれらを追加するにはどうすればよいですか?

Question

div をクリックすると、同じクラスの以前の div からデータを取得しようとしています。私のHTMLは次のようになります。

<div class="theDiv one">
   <div class="info"> Lorem </div>
   <div class="theNumber"> 2 </div>
</div>
<div class="theDiv two">
   <div class="info"> Lorem </div>
   <div class="theNumber"> 4 </div>
</div>
<div class="theDiv three">
   <div class="info"> Lorem </div>
   <div class="theNumber"> 3 </div>
</div>
<div class="theDiv four">
   <div class="info"> Lorem </div>
   <div class="theNumber"> 1 </div>
</div>

クラス 'theDiv' の任意の div をクリックすると、クラス 'theDiv' を持つ前の div 内の数字を取得し、それらを合計したいと思います。たとえば、3 番目の div をクリックした場合、私の合計は6になります。

各divのifステートメントを使用して、全体をトラバースするのではなく、これをエレガントに行う方法に途方に暮れています。