Javascript 单击<；删除整个div结构；span>；

我有大约100个图标，当我选择其中一些图标时，它们会出现在以下div块中：

下面是我如何生成上面的结构：

$(this).addClass("active");

   str += '<div class="liveicon" id="'+id+'" dtype = "'+type+'" dclss="'+clss+'" dattr="'+attr+'">';
   str += '<span class="close-icon" id="close-icon">&#10006;</span>';
   str += '<span id="'+id+'" dtype = "'+type+'" dclss="'+clss+'" dattr="'+attr+'" class=" anyi '+clss+'"></span>';
   str += '<div class="clearboth"></div>';
   str += '<div class="codes">';
   str += '<div class="tit">FONT</div><input type="text" class="fontsc" value="[anyicon i=\''+clss+'\' '+stylestr+']">';
   str += '<div class="tit">PNG</div><input type="text" class="pngsc" value="[anyicon i=\''+clss+'\' '+stylestr+' type=\'png\']">';
   str += '<div class="tit">SVG</div><input type="text" class="svgsc" value="[anyicon i=\''+clss+'\' '+stylestr+' type=\'svg\']">';
   str += '</div>';
   str += '</div>';

  $(".selected .content").append(str);

$（this.addClass（“活动”）；
str+=''；
str+='✖；'；
str+=''；
str+=''；
str+=''；
str+='FONT'；
str+='PNG'；
str+='SVG'；
str+=''；
str+=''；
$（“.selected.content”）.append（str）；

我想添加一个到close图标的链接，这是一个span类，因此在单击后删除相关图标。我尝试过添加

，然后使用js进行处理，但这不是正确的方法。欢迎提出任何意见。 以下是整个Js文件，便于定位：

$(document).on('click', ".loadarea .content .anyicons .anyi", function () {
        //$(".anyicon .anyi").on('click', function(e) {
            var type = $(this).attr("dtype");
            var clss = $(this).attr("dclss");
            var attr = $(this).attr("dattr");
            var id = type+''+clss;
            //console.log(type);
            var str = "";
            var style = $("#anyicon_styles").val();
            var stylestr = "style=\''+style+'\'";
            if(style == "0"){ style = ""; stylestr = ""; }

            if($(this).hasClass("active")){
                $(this).removeClass("active");
                $(".selected .content .liveicon#"+id).remove();
                loadLibraryMsg();

            } else {
                $(this).addClass("active");

                str += '<div class="liveicon" id="'+id+'" dtype = "'+type+'" dclss="'+clss+'" dattr="'+attr+'">';
                str += '<span class="close-icon" id="close-icon">&#10006;</span>';
                str += '<span id="'+id+'" dtype = "'+type+'" dclss="'+clss+'" dattr="'+attr+'" class=" anyi '+clss+'"></span>';
                str += '<div class="clearboth"></div>';
                str += '<div class="codes">';
                str += '<div class="tit">FONT</div><input type="text" class="fontsc" value="[anyicon i=\''+clss+'\' '+stylestr+']">';
                str += '<div class="tit">PNG</div><input type="text" class="pngsc" value="[anyicon i=\''+clss+'\' '+stylestr+' type=\'png\']">';
                str += '<div class="tit">SVG</div><input type="text" class="svgsc" value="[anyicon i=\''+clss+'\' '+stylestr+' type=\'svg\']">';
                str += '</div>';
                str += '</div>';

                $(".selected .content").append(str);

                loadLibraryMsg();
            }
        });

$（document）.on（'click'，”.loadarea.content.anyicons.anyi“，函数（）{
//$（.anyicon.anyi”）。在（'click'，函数（e）{
var type=$（this.attr（“dtype”）；
var clss=$（this.attr（“dclss”）；
var attr=$（this.attr（“dattr”）；
变量id=类型+“”+clss；
//console.log（类型）；
var str=“”；
var style=$（“#anyicon_style”）.val（）；
var stylestr=“style=\''+style+'\'”；
如果（style==“0”）{style=”“；stylestr=”“；}
if（$（this）.hasClass（“活动”））{
$（此）.removeClass（“活动”）；
$（“.selected.content.liveicon#”+id.remove（）；
loadLibraryMsg（）；
}否则{
$（此）.addClass（“活动”）；
str+=''；
str+='✖；'；
str+=''；
str+=''；
str+=''；
str+='FONT'；
str+='PNG'；
str+='SVG'；
str+=''；
str+=''；
$（“.selected.content”）.append（str）；
loadLibraryMsg（）；
}
});

---

p、 s如果你认为我问的问题不好，请给我发一些如何做的教程，这会很有帮助。提前谢谢你通过这个例子你会得到帮助：

$（'span'）。单击（函数（）{
$（this）.closest（'.parent'）.remove（）；
})

.parent{
位置：相对位置；
宽度：70%；
}
img{
最大宽度：100%；
宽度：自动；
保证金：0自动；
}
跨度{
位置：绝对位置；
右：2%；
字体大小：粗体；
颜色：番茄；
}

X

您必须使用：-

如果不起作用，请尝试以下方法：-

$(document).on('click','.close-icon',function(){
  $(this).closest('.liveicon').remove();
});

---

那么你想要什么呢？当我点击关闭图标时，移除相关的块。为什么你不能像这样把跨度放在锚标记中：如果你想在点击时调用一些js函数

$(document).on('click','.close-icon',function(){
  $(this).closest('.liveicon').remove();
});