为什么on("click",function(){})点击无反应，筛选条件显示删除

Question

<div class="pro-choose">
    <div class="select-result"><span class="select-choose">筛选条件：</span>
     <ul>

     </ul>
    </div>
    <div class="select-supplier">
        <h5 class="supplier-name">供应商：</h5>
        <ul id="select1">
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">韶远</a></li>
            <li><a href="javascript:void(0)">国药化试</a></li>
            <li><a href="javascript:void(0)">上海毕得</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
        </ul>
        <a href="javascript:void(0)" id="more1">更多</a>
    </div>
    <div class="select-brand">
        <h5 class="brand-name">品牌：</h5>
        <ul id="select2">
            <li><a href="javascript:void(0)">阿拉丁</a></li>
            <li><a href="javascript:void(0)">沃凯</a></li>
            <li><a href="javascript:void(0)">迈瑞尔</a></li>
            <li><a href="javascript:void(0)">西化</a></li>
            <li><a href="javascript:void(0)">TCI</a></li>
            <li><a href="javascript:void(0)">Adamas</a></li>
            <li><a href="javascript:void(0)">Greagent</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">J&K</a></li>
            <li><a href="javascript:void(0)">沪试</a></li>
            <li><a href="javascript:void(0)">Fisher</a></li>
            <li><a href="javascript:void(0)">阿拉丁</a></li>
            <li><a href="javascript:void(0)">沃凯</a></li>
            <li><a href="javascript:void(0)">迈瑞尔</a></li>
            <li><a href="javascript:void(0)">西化</a></li>
            <li><a href="javascript:void(0)">TCI</a></li>
            <li><a href="javascript:void(0)">Adamas</a></li>
            <li><a href="javascript:void(0)">Greagent</a></li>
            <li><a href="javascript:void(0)">九鼎化学</a></li>
            <li><a href="javascript:void(0)">J&K</a></li>
            <li><a href="javascript:void(0)">沪试</a></li>
            <li><a href="javascript:void(0)">Fisher</a></li>
        </ul>
        <a href="javascript:void(0)" id="more2">更多</a>
    </div>
    <div class="select-packsize">
        <h5 class="packsize-name">规格：</h5>
        <ul id="select3">
            <li><a href="javascript:void(0)">10ml</a></li>
            <li><a href="javascript:void(0)">20ml</a></li>
            <li><a href="javascript:void(0)">30ml</a></li>
            <li><a href="javascript:void(0)">40ml</a></li>
            <li><a href="javascript:void(0)">50ml</a></li>
            <li><a href="javascript:void(0)">60ml</a></li>
            <li><a href="javascript:void(0)">70ml</a></li>
            <li><a href="javascript:void(0)">80ml</a></li>
            <li><a href="javascript:void(0)">90ml</a></li>
            <li><a href="javascript:void(0)">100ml</a></li>
            <li><a href="javascript:void(0)">10ml</a></li>
            <li><a href="javascript:void(0)">20ml</a></li>
            <li><a href="javascript:void(0)">30ml</a></li>
            <li><a href="javascript:void(0)">40ml</a></li>
            <li><a href="javascript:void(0)">50ml</a></li>
            <li><a href="javascript:void(0)">60ml</a></li>
            <li><a href="javascript:void(0)">70ml</a></li>
            <li><a href="javascript:void(0)">80ml</a></li>
            <li><a href="javascript:void(0)">90ml</a></li>
            <li><a href="javascript:void(0)">100ml</a></li>
        </ul>
        <a href="javascript:void(0)" id="more3">更多</a>
    </div>
    <div class="select-area">
        <form class="layui-form" action="">
        <div class="layui-form-item">
        <h5 class="send-name">配送范围：</h5>
                <select name="city" lay-verify="">
                    <option value="">请选择一个省份</option>
                    <option value="010">北京</option>
                    <option value="021">上海</option>
                    <option value="0571">江苏</option>
                </select>
                <select name="province" lay-verify="">
                    <option value="">请选择一个城市</option>
                    <option value="010">南京</option>
                    <option value="021">苏州</option>
                    <option value="0571">常州</option>
                </select>
                <select name="area" lay-verify="">
                    <option value="">请选择一个区域</option>
                    <option value="010">东城区</option>
                    <option value="021">西城区</option>
                    <option value="0571">三里屯</option>
                </select>
        </div>
        </form>
    </div>
    </div>

$("#select1 li").click(function () {
    $(this).addClass("selected").siblings().removeClass("selected");
    var copyThisA = $(this).clone();
    //console.log(copyThisA);
    if ($("#selectA").length > 0) {
        $("#selectA a").html($(this).text());
    } else {
        $(".select-result ul").append(copyThisA.attr("id", "selectA"));
    }
});

$("#select2 li").click(function () {
    $(this).addClass("selected").siblings().removeClass("selected");
    var copyThisB = $(this).clone();
    //console.log(copyThisB);
    if ($("#selectB").length > 0) {
        $("#selectB a").html($(this).text());
    } else {
        $(".select-result ul").append(copyThisB.attr("id", "selectB"));
    }
});

$("#select3 li").click(function () {
    $(this).addClass("selected").siblings().removeClass("selected");
    var copyThisC = $(this).clone();
    //console.log(copyThisB);
    if ($("#selectC").length > 0) {
        $("#selectC a").html($(this).text());
    } else {
        $(".select-result ul").append(copyThisC.attr("id", "selectC"));
    }
});

$("#selectA").on("click",function () {
    $(this).remove();
    $("#select1 li").removeClass("selected");
});

$("#selectB").on("click",function () {
    $(this).remove();
    $("#select2 li").removeClass("selected");
});

$("#selectC").on("click",function () {
    $(this).remove();
    $("#select3 li").removeClass("selected");
});

Answer 1

$(document).on("click","#selectA",function(){})这样写！