<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <style> ul{ list-style: none; } ul li{ float: left; padding: 10px; border: 1px solid black; margin-right: 10px; } .active{ background: green; color: white; } </style> <div class="delivery-tab"> <ul> <li class="active">普通</li> <li>文件</li> <li>易碎</li> <li>数码</li> <li>美食</li> <li>鲜花</li> <li>蛋糕</li> <li>生鲜</li> </ul> </div> <script> $('.delivery-tab ul li').click(function () { $(this).addClass('active').siblings().removeClass('active'); $(this).siblings().children('input').removeAttr('checked', true); }); </script>