jquery为图标添加点击事件oncllick()函数

最新推荐文章于 2024-06-21 17:52:20 发布

wlq*

最新推荐文章于 2024-06-21 17:52:20 发布

阅读量477

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/Silentli20/article/details/112715641

版权

前端开发 JavaScript DOM操作表单元素动态增删

关键词由CSDN通过智能技术生成

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

效果图：

var str = '<div class="form-inline item" style="display: flex; margin-left: 20px;margin-top: 10px;">'+
            '<select type="text" name="necessary">'+
                '<option value="null">选择属性</option>'+
                '<option value="null">名称</option>'+
            '</select>'+
            '<img src="static/img/plus_circle.png" class="insert" onclick="add_item()" style="height: 20px;padding: 5px 0px 0px 10px;">'+
            '<img src="static/img/minus_sign.png" class="remove" onclick="delete_item($(this))" style="height: 20px;padding: 5px 0px 0px 10px;">'+
        '</div>'

$('.insert').on('click', function(){
    $('.item2').append(str)
})

add_item = function(){
    $('.item2').append(str)
}

delete_item = function(obj){
    obj.parent().remove()
}