单击图像时删除标签？

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 和 HTML 之间的区别idclass:

• id = name [CS]

  此属性为元素指定名称.该名称在文档中必须是唯一的.

• class = cdata-list [CS]

  此属性为元素分配类名称或类名称集.可以为任意数量的元素分配相同的类名或名称.多个类名必须用空格字符分隔.