移除id的父级标签 jquery

最新推荐文章于 2024-08-02 04:04:47 发布

原创最新推荐文章于 2024-08-02 04:04:47 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移除id的父级标签

js 同时被 2 个专栏收录

10 篇文章

订阅专栏

jquery

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript移除DOM元素的方法，通过遍历输入标签集合并匹配ID来定位并移除指定元素。文章提供了详细的代码示例，展示了如何在实际应用中实现这一功能。

老规矩先看效果图：

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

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(); 这样写不会生效 为什么呢？因为没有$('#') 
        }
    }
}

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