用prev()和next()方法动态的添加class.以达到当前元素的前面几个元素或后面的几个元素添加class
<body>
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li id="six">6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> <script src="../js/jquery-3.2.0.js"></script> <script type="text/javascript"> var a=$('#six'); var b=$('#six') $('#six').click(function(){ for(var i=0;i<4;i++){ a=a.prev().addClass('active'); } for(var i=0;i<3;i++){ b=b.next().addClass('act'); } });</script>
</body>