JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row bb">
                                    <div class="col-xs-12 food-container">
                                        <a href="#"><img src="img/1.png" class="min-w img-responsive" /></a>
                                        <div class="food-detail">
                                            <div class="food-name">test</div>
                                            <div class="food-sales">test：233333</div>
                                            <div class="food-price">￥50
                                                <div class="food-edit">

                                                    <button class="btn btn-info minus" value="50.55" data="minus">-</button>
                                                    <span class="num-sales"></span>
                                                    <button class="btn btn-info add" value="50.55" data="add">+</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                                <div class="row bb">
                                        <div class="col-xs-12 food-container">
                                            <a href="#"><img src="img/1.png" class="min-w img-responsive" /></a>
                                            <div class="food-detail">
                                                <div class="food-name">test</div>
                                                <div class="food-sales">test:233333</div>
                                                <div class="food-price">￥50
                                                    <div class="food-edit">
														<button class="btn btn-info minus" value="50.55" data="minus">-</button>
														<span class="num-sales"></span>
														<button class="btn btn-info add" value="50.55" data="add">+</button>
 ...

JavaScript

var theTotal = 0;
var theSales = 0;
var minusButton = $('.minus');
if (theSales == 0) {
    $(minusButton).hide();
}

$('button').click(function(){
    var ID = $(this).attr('data');
console.log(ID)
    if (ID == "add") {
		$(this).parent().find('.minus').show();
		theTotal = Number($(this).parent().find('.num-sales').text()) + Number($(this).val());
		theSales = Number($(this).parent().find('.num-sales').text()) + Number(1);
        var num=theTotal.toFixed(2);
         $(this).parent().find('.total').text("￥"+num); 
         $(this).parent().find('.total-num-of-sales').text(theSales+"份"); 
         $(this).parent().find('.num-sales').text(theSales);
    };
    if (ID == "minus") {
            theTotal = Number($(this).parent().find('.num-sales').text()) - Number($(this).val());
            theSales= Number($(this).parent().find('.num-sales').text()) - Number(1);
			var num=theTotal.toFixed(2);
            if ( theSales == 0) {
                 $('.total').text(""); 
                 $(this).parent().find('.total-num-of-sales').text(""); 
                 $(this).parent().find('.num-sales').text("");
                 $(this).parent().find('.minus').hide();
            }
            else if ( theSales > 0) {
                 $(this).parent().find('.total').text("￥"+num); 
				 $(this).parent().find('.total-num-of-sales').text(theSales + "份")
                 $(this).parent().find('.num-sales').text(theSales);

            }

    };

 });