Get this value from span

Get this value from span

So now I have multiple prices and when I click button I only get first price in the list. 

This line always return first price in the list no matter which price I click.

var itemPrice = $( this) . closest( " div.row ") . find( " #price ") . text();


< div class = " row " >
{{#each items}}
< div class = " col-md-3 " >
< ul style = " list-style: none; " >
< li class = " text-center " >
< div class = " popup " onclick = " itemPopup( ' myPopup{{this._id}} ') " >      
< img class = " item " id = " itemImg " src = " {{this.img}} " >< br >
< span class = " popuptext " id = " myPopup{{this._id}} " >
Power: < p id = " power " >{{this.power}} </ p >
</ span > 
</ div >
< br >
< p >< span id = " title " >{{this.title}} </ span >
< button class = " btn btn-danger buyItem "
                   style = " font-size: 12px " id = " {{this._id}} " >
PRICE IS THERE ->>>> Buy | < span id = " price " >{{this.price}} </ span >
                   < img src = " /img/gold.png " ></ button >
</ p >
</ li >
</ ul >
</ div >
{{/each}}
</ div >


How can I solve this to get also and another values when I click button not only first one ?