jQuery问题需要帮助！ isuue瞄准我点击的特定按钮

Question

<ul>
<!-- repeating with different item_key -->
<li>
<a class="btnMinus" item_key="random-key" item_quantity="3">
<i class="fa fa-minus-square"></i></a>
<input type="number" step="1" min="0" name="cart[random-key][qty]" value="4"        title="Qty" class="input-text qty text" size="4">
<a class="btnPlus" item_key="random-key" item_quantity="5"><i class="fa fa-plus-square"></i></a>
</li>

<li>
<a class="btnMinus" item_key="random-key" item_quantity="3"><i class="fa fa-minus-square"></i></a>
<input type="number" step="1" min="0" name="cart[random-key][qty]" value="4" title="Qty" class="input-text qty text" size="4">
<a class="btnPlus" item_key="random-key" item_quantity="5"><i class="fa fa-plus-square"></i></a>
</li>

</ul>

<script>
$(document).on('click', 'a.btnPlus', function(e){
    e.preventDefault();
    $(this +"a.btnPlus i.fa").removeClass('fa fa-plus-square').addClass('fa fa-spinner fa-spin');
    //loading the spin icon until value updated
    var key = $( this ).attr( "item_key" );
    var qty = $( this ).attr( "item_quantity" );
    var url = 'action_url';
    data = "cart_item_key="+key+"&cart_item_qty="+qty;
    $.post( url, data ).done(function( data ) {
      updateCart();
     });
    return false;
});
</script>

这些代码正常工作，除非购物车中有多个产品，然后单击加号或减号按钮，出现加载器旋转图标 在加号按钮或减号按钮上。问题在于定位我点击的特定按钮。