<script type="text/jscript"> //楼主帮你修改调整了下 $(document).ready(function () { $('.zuo li').click(function(){ var str=$(this).attr('class'); switch(str){ case "yu": $(this).removeClass().addClass("wu"); $("#gou").find('li').eq(0).remove();//这个就是删除你第一个点击添加的,如果是要删除对应的就参考ID值删除了 break; case "wu": $(this).removeClass().addClass("yu"); $('#gou').append('<li id='+ $(this).attr('id') +'>'+ $(this).html() +'</li>'); break; default: alert(str); break; } }); }); </script> <div class="zuo"><ul> <li id="1" class="wu">111111111111111</li> <li id="2" class="wu">222222222222222</li> <li id="3" class="wu">333333333333333</li> </ul></div> <div class="gou"> <ul id="gou"></ul> </div>