js 标签选择与移除 个人经验分享

点击 + 号 div显示 

再次点击 + 号（或者点击空白处） div隐藏 

$("#addSign").click(function(){
    $('.add_list').toggle();
});
$(document).bind("click",function(e){
        var target  = $(e.target);
        if(target.closest(".add_list,#addSign").length == 0){
            $(".add_list").hide();
        };
        e.stopPropagation();
});

点击选中的li标签 移到div里 

点击div里的标签 移除

js例子：

$('.activitySign li').click(function () {
    var num=$('#signContent').children('span').length;
    if(num<5){
        var id=$(this).index();
        var name = $(this).find($("a")).html();
        var con = $('#signContent').html();
        if((con.indexOf(''+name+''))!=-1){
            return;
        }else{
            $('#signContent').append(''+name+'')
        }
    }else{
        alert('您最多添加5个标签')
    }
})

$(document).on("click","#signContent span",function(){
    var id=$(this).attr('id');
    $('#signContent span[id='+id+']').remove();
    //$(this).attr('id','al_name').appendTo('.tag-box')
});

效果图见解：

html 内容：

					活动形式：*
						
会议
						
展览
						
论坛
						
课程
						
讲座
						
沙龙
						
聚会
						
市集
						
派对
						
赛事
						
分享会
						
公开课
						
音乐节
						
音乐会
						
演唱会
						
首映会
						
开幕式
						
发布会
				

样式有点乱 就不整理了。

刚做程序员不久的小伙伴 有没有觉得编程是一件还算有点意思的事情？？？

其实 不管从事哪一行 兴趣是你在这个行业长期做下去的不二法门

千万不要讲你对编程烦透了  看在钱的面子上 也得趁着还单身 很穷 没衣品的年纪 也应该在这个行业做上几年

以后的事情谁说的准呢

但是不管你在做什么

规划、梦想这东西还是不能丢

好了 我要继续码代码咯

愿各位来到本csdn的小伙伴 开心