javascript - 单击图像时删除标签？

Question

我正在使用 HTML。我添加了一个标签和图像，如下所示：

on click对应的red cross mark标签需要去掉。我怎样才能做到这一点？

我有下面的代码，但它不工作。

$("#lbRemove").click(function(){
    $(this).parent().parent().remove();
});



<section class="col2">        
        <div class="lbYourSelectedTarget">
            <span style="color: rgb(0, 0, 0); font-size: 100%;">Your selected businesses:</span>
            <div class="lbSelectedCriteriaTarget" style="border: 1px solid; height: 250px; overflow:scroll;">
                <ul class="lbCriteriaContainer">

                </ul>
            </div>
        </div>
        <br/><br/><br/><br/><br/><a class="button right" href="index2.html">Continue</a>
      </section>



$(function(){
    $("select").multiselect();

    $("select").change(function () {    
        //console.log('asas: '+$(this).val());
        var str = $(this).val();
        /*var ff = "option1,option2";
        console.log(ff.split(",")[1]);      
        alert(str.length);*/
        if(str && str.length > 1){
            var last_element = str.pop();           
            $('.lbCriteriaContainer').append("<li id='"+ last_element +"' class='lbAlt'><a id='lbRemove' class='lbRemoveCriteria'><img src='images/cross.jpg' id='lbRemove' width='15' style='padding-top: 3px; cursor:hand ; cursor :pointer;' /></a><span> "+ last_element +"</span></li>");
            str = "";
        }else if (str && str.length == 1){
            $('.lbCriteriaContainer').append("<li id='"+ str +"' class='lbAlt'><a id='lbRemove' class='lbRemoveCriteria'><img src='images/cross.jpg' id='lbRemove' width='15' style='padding-top: 3px; cursor:hand ; cursor :pointer;' /></a><span> "+ str +"</span></li>");
            str = "";
        }
    }).change();

    $("#lbRemove").click(function(){
        $(this).parent().parent().remove();
    });
});

Answer 1

似乎您id对多个 HTML 元素使用相同的。

用一个类替换它。因此，在 HTML 方面，您将拥有class="lbRemove"（而不是id="lbRemove"）和 jQuery：

$(".lbRemove").click(function(){
    $(this).parent().parent().remove();
});

看一下HTML和in的区别：idclass

• id = name [CS]

  此属性为元素分配名称。此名称在文档中必须是唯一的。

• class = cdata-list [CS]

  该属性将一个类名或一组类名分配给一个元素。可以为任意数量的元素分配相同的类名或名称。多个类名必须用空格字符分隔。