移除id的父级标签 jquery

关注

原创最新推荐文章于 2026-04-02 09:12:47 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

使用jQuery删除HTML元素的ID 在Web开发中，经常需要对HTML页面中的元素进行操作和修改。如果你想要删除一个具有特定ID的元素，可以使用jQuery提供的方法来实现。上述步骤提供了一个简单的示例，你可以按照这些步骤在你的Web项目中实现类似的功能。记住，在使用jQuery之前，你需要将jQuery库引入到你的HTML文件中。最后，你可以在浏览器中打开你的HTML文件，以测试代码是否成功删除了指定ID的元素。在你的HTML文件中，添加一个具有特定ID的元素，以便我们可以对其进行删除操作。首先，在你的HTML文件中引入jQuery库。阅读详情

老规矩先看效果图：

问题描述：点击移除按钮移除对应的数据

jsp代码就不贴了很简单直接看js代码：

//obj是点击删除按钮是传过来对应的input id

function romove(obj){
//获取alout 下的input标签 集合
    var romoveRole=document.getElementById("alout").getElementsByTagName("input");
//循环判断传过来的id也就是obj 是否跟集合中有相等的id
    for(var i=0;i<romoveRole.length;i++){
        if($(romoveRole[i]).attr("id")!=undefined && $(romoveRole[i]).attr("id")=="roleallout_"+obj+""){
//获取集合中的id 
            var id=$(romoveRole[i]).attr("id");
            //移除当前标签的父级标签
            $('#'+id+'').parent().remove();
//如果$(romoveRole[i]).attr("id").parent().remove(); 这样写不会生效 为什么呢？因为没有$('#') 
        }
    }
}

到此就结束了！祝你们工作顺利！

收录于