~~~ <div class="payMethod" class="tabBox" jsTab="tab"> <ul class="methodTitle f-cb" jsTab="title"> <li class="act" jsTab="t">支付宝</li> <li jsTab="t">银行网银</li> </ul> <div class="methodBox f-cb" jsTab="box"> <ul jsTab="b"> <li> <img src="asset/demo/pay01.jpg" alt="支付宝"> </li> </ul> <ul jsTab="b"> <li> <img src="asset/demo/pay02.jpg" alt="支付宝"> </li> <li> <img src="asset/demo/pay03.jpg" alt="支付宝"> </li> <li> <img src="asset/demo/pay04.jpg" alt="支付宝"> </li> <li> <img src="asset/demo/pay05.jpg" alt="支付宝"> </li> <li> <img src="asset/demo/pay06.jpg" alt="支付宝"> </li> <li> <img src="asset/demo/pay07.jpg" alt="支付宝"> </li> </ul> </div> </div> ~~~ ~~~ // jsTab $("[jsTab=b]:not(:eq(0))").hide(); $("[jsTab=t]:eq(0)").addClass("act"); $("[jsTab=t]").on("click",function(){ var _obj = $(this).parents("[jsTab=tab]"); var _index = $(this).index(); $(this).addClass("act").siblings("[jsTab=t]").removeClass("act"); _obj.children("[jsTab=box]").children("[jsTab=b]").eq( _index ).show().siblings("[jsTab=b]").hide(); }) ~~~