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

最新推荐文章于 2024-08-17 10:24:46 发布

一个会码代码也会作诗的boy

最新推荐文章于 2024-08-17 10:24:46 发布

阅读量4.9k

点赞数

分类专栏： js(jquery) 文章标签： js 标签 span

本文链接：https://blog.csdn.net/gentry__/article/details/53173628

版权

本文分享了使用JS进行标签选择与移除的操作经验，包括点击+号展示和隐藏div，以及点击div内标签实现移除功能。对于初入编程的开发者，作者强调兴趣的重要性，并鼓励在编程行业中坚持下去，同时不忘规划和梦想。

摘要由CSDN通过智能技术生成

点击 + 号 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('<span class="list_active" name="tag[]" id="