JQ點擊添加<LI>標(biāo)簽完后,不能執(zhí)行刪除是怎么回事??

本人剛?cè)胄胁痪?遇到一個問題,就是輸入想添加的文字后,再進(jìn)行remove(),發(fā)現(xiàn)不能執(zhí)行...是怎么一回事?

<div class="btn_box addBtn_box">
    <ul>
        <li>規(guī)格1<a href="javascript:;">X</a></li>
        <li class="addBtn">添加新規(guī)格 + </li>
    </ul>
</div>

<div id="addSpecbox" class="addSpecbox">
        <input type="text" id="spec_name" value="" placeholder="請輸入規(guī)格名稱" />
        <a href="javascript:;" class="gotoaddspec">確定</a>
</div>

$('.gotoaddspec').click(function () {
        var $specname = $("#spec_name").val();
        $(".addBtn").before('<li>' + $specname + '<a href="javascript:;">X</a></li>');
        $("#spec_name").val("");
    });

    $('.addBtn_box ul li a').click(function () {
        $(this).parent('li').remove();
    });

回答

編輯回答

伐木累

圖片描述

2017年12月4日 02:00

編輯回答

糖豆豆

你試試這樣寫呢：

$('.gotoaddspec').click(function () {
    var $specname = $("#spec_name").val();
    $(".addBtn").before('<li>' + $specname + '<a href="javascript:;">X</a></li>');
    $("#spec_name").val("");
    $('.addBtn_box ul li a').click(function () {
        $(this).parent('li').remove();
    });
});

2017年1月4日 07:27

編輯回答

玄鳥

動態(tài)添加上去的a標(biāo)簽上并沒有添加click事件

$('.addBtn_box').delegate('a', 'click', function () {
  $(this).parent('li').remove();
})

像這樣監(jiān)聽addBtn_box下的a標(biāo)簽的點擊事件就好了~
jQuery 事件 - delegate() 方法

2018年7月1日 19:44

編輯回答

不討囍

因為你的‘<li>' + $specname + 'X</li>’是動態(tài)加載的，所以在執(zhí)行js文件給a標(biāo)簽綁定點擊事件的時候，這個a標(biāo)簽還不存在，所以事件當(dāng)然不成功，建議可以使用本身存在于html中的父元素，使用on的事件代理方法來綁事件

2018年5月24日 23:46

編輯回答

歆久

簡單粗暴的方法就是在你動態(tài)添加的a標(biāo)簽里面這樣寫,href="javascript:void(0);" onclick=test(this);
然后下面寫一個test(obj);的方法就好了

2017年1月19日 02:51

編輯回答

逗婦乳

$('.addBtn_box ul li a').click(function () {
        $(this).parent('li').remove();
});

上面的代碼原意是為符合.addBtn_box ul li a選擇器的元素添加click事件回調(diào)函數(shù)，但是執(zhí)行的時候
符合.addBtn_box ul li a要求的DOM元素還不存在，事件回調(diào)是綁定不上去的。
當(dāng)你后期動態(tài)添加了符合要求的元素,因為沒有綁定事件回調(diào)，那就什么都不會發(fā)生，很安靜~~~~

解決方法將事件綁定到父DOM元素上,例如ul元素
或者在添加li元素的函數(shù)中動態(tài)的添加事件綁定(不推薦)

2017年2月21日 16:48