~~~ <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> ~~~