~~~ <div class="client"> <span class="client_title">选择您的游戏客户端</span> <ul class="client_type"> <li class="ioswx" i="1">苹果微信</li> <li class="androidwx" i="2">安卓微信</li> <li class="iosqq" i="3">苹果QQ</li> <li class="client_l" i="4">安卓QQ</li> </ul> </div> <script type="text/javascript"> $(function(){ //一开始在苹果微信上加上class属性 //$(".ioswx").addClass("licolor"); //或取第一个li添加class属性 $(".con li:first-child").addClass("active"); var key = $(".con li:first-child").attr("i"); //或取第一个li添加代码 $(".con li:first-child").append('<input type="hidden" name="d_id" value="'+key+'">'); $(".con li").click(function() { $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式 $(this).addClass('active'); // 添加当前元素的样式 //或取有active的li的i属性值 key = $(".active").attr("i"); //获取有active的li添加代码 $(".active").append('<input type="hidden" name="d_id" value="'+key+'">'); }); }); </script> ~~~