【已解决】Jquery点击删除动态添加的某行

Jquery点击删除动态添加的某行

动态拼接页面后的对应点击删除

//拼接
$(".addBtn").click(function () {
        let i = $('.content').children().length;
        if (i<4){
            $(".content").append('<ul>\n' +
                '                <li onclick="delrow(this)"><img src="../../images/left.png" alt=""></li>\n' +
                '                <li><input type="number" value=""></li>\n' +
                '                <li><span>W~</span></li>\n' +
                '                <li><input type="number" value=""></li>\n' +
                '                <li><span>W:</span></li>\n' +
                '                <li><input type="number" value=""></li>\n' +
                '                <li><span>元/</span></li>\n' +
                '                <li><input type="number" value=""></li>\n' +
                '                <li><span>小时</span></li>\n' +
                '            </ul>')
        }
    })

插入计费规则

//删除
function delrow (event){
        $(event).parent().remove();
    }

猜你喜欢

转载自blog.csdn.net/weixin_42788392/article/details/86599780
今日推荐