<ul class="list-group mt-5 ml-5">
<li class="list-group-item mb-2 border border-dark w-50"><a href="#" class="btn btn-outline-primary mr-5 text-dark">加入購物車</a>
<span>品項:電冰箱</span>
</li>
<li class="list-group-item mb-2 border border-dark w-50"><a href="#" class="btn btn-outline-primary mr-5 text-dark">加入購物車</a>
<span>品項:機踏車</span>
</li>
<li class="list-group-item border border-dark w-50"><a href="#" class="btn btn-outline-primary mr-5 text-dark">加入購物車</a>
<span>品項:電話</span>
</li>
</ul>$(document).ready(function(){
$('a').click(function(e){
e.preventDefault();
$(this).parent().toggleClass('bg-warning text-white').siblings().removeClass('bg-warning text-white');
})
})