首页 > Web开发 > 详细

jquery删除动态增加的li

时间:2015-10-08 19:55:59      阅读:133      评论:0      收藏:0      [点我收藏+]
<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>

 

jquery删除动态增加的li

原文:http://www.cnblogs.com/zhujiabin/p/4862090.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!