首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在javascript中按属性删除对象

在javascript中按属性删除对象
EN

Stack Overflow用户
提问于 2014-01-23 14:28:11
回答 3查看 130关注 0票数 0

我在同一页上有几个不同的表,但不幸的是,它们没有被分配给任何唯一的id。我想使用JS命令删除一个表,但是由于id不能使用,所以可以根据它具有的某个属性删除一个表吗?例如,是否有命令删除页面上具有属性: width="25%“的所有表?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-01-23 14:41:34

我知道这已经有了一些解决方案,但我会提供另一种选择。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var tables = document.getElementsByTagName('table');
for(var i = 0; i < tables.length; i++){
    if(tables[i].getAttribute('width') == "25%"){
        tables[i].parentNode.removeChild(tables[i]);
    }
}

http://codepen.io/michaelehead/pen/HfdKx的演示。

票数 2
EN

Stack Overflow用户

发布于 2014-01-23 14:34:44

您可以使用querySelectorAll来完成这一任务。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var x = document.querySelectorAll("table[width='25%']");
for (var i=0; i<x.length; i++) { //returns array of elements that match the attribute selector
    x[i].remove(); //call prototype method defined below
}

删除是很棘手的,我发现这段代码生成了一个很好的删除方法。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Element.prototype.remove = function() {
    this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
    for(var i = 0, len = this.length; i < len; i++) {
        if(this[i] && this[i].parentElement) {
            this[i].parentElement.removeChild(this[i]);
        }
    }
}

这将创建一个原型remove()函数,该函数迭代节点并删除子节点。

请注意,querySelectorAll不会在IE8或更低的地方工作,但是prototype方法的海报上说它应该在IE8中工作,而不是7。

票数 4
EN

Stack Overflow用户

发布于 2014-01-23 14:36:23

是的你可以。最简单的方法是使用JQuery。在您的javascript代码中,您只需编写:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("[attribute=value]").remove()

所以在你的例子中,它可能类似于$("table[width='25%']").remove()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21320646

复制
相关文章
如何从JavaScript对象中删除属性?
在使用 JavaScript 中的对象时,你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择:
疯狂的技术宅
2021/04/01
12.3K0
对list中对象按某属性排序
实际上只要一句话children.sort(Comparator.comparing(SDict::getOrderNum));
2021/03/11
4K0
对list中对象按某属性排序
如何遍历JavaScript中对象属性
在2016年6月发布的ECMAScript 2016的同一时期,令JavaScript开发人员开心的是知道另一组很棒的提案已经达到了第4阶段(完成)。
疯狂的技术宅
2019/03/27
3.6K0
如何遍历JavaScript中对象属性
在 JavaScript 中,对象是拥有属性和方法的数据
JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。 在 JavaScript 中,对象是拥有属性和方法的数据。
用户1503405
2021/10/08
3.7K0
js删除对象属性
对于你对delete运算符非常感兴趣,可以查看kangax写的一篇关于delete语句的非常深入的文章,理解delete。
IT工作者
2021/12/29
16K0
JavaScript——对象的属性
在JavaScript中,所有的对象都是一组属性的集合,属性可以是数值,字符串等原始类型,也可以是函数,或者是其他对象。
Html5知典
2019/11/26
2.5K0
vue删除对象的某个属性(js怎么删除对象中的某个元素)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/128065.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/26
10.3K0
Java 对象数组按某个属性排序
新建一个Student对象 public class Student { private String name; private double score; public Student(String name,double score) { super(); this.name = name; this.score = score; } public String getName() { re
赵哥窟
2021/12/16
2.9K0
在 JavaScript 中如何克隆对象?
我们假设一个变量 name 具有一个与之关联的原始值(number,string,boolean,undefined 和null)。 如果我们将此变量 name 复制到另一个变量name2 ,则原始变量的任何修改都不会影响到第二个变量,因为它们是原始值。
前端小智@大迁世界
2022/06/15
4.7K0
如何删除对象的某个属性(对象属性方法是什么)
const object = { ‘a’: 1, ‘b’: ‘2’, ‘c’: 3 };
全栈程序员站长
2022/07/29
4.5K0
JavaScript移除对象中不必要的属性
业务开发中,我们经常会遇到:基于后端返回接口数据,前端保存到对象 Object 中,前端开发过程中为了一些场景的便利性,需要在该对象中增加相应的属性,但这些属性对于后端没有意义,保存提交时希望删除掉。
奋飛
2021/10/25
2.2K0
JavaScript移除对象中不必要的属性
业务开发中,我们经常会遇到:基于后端返回接口数据,前端保存到对象 Object 中,前端开发过程中为了一些场景的便利性,需要在该对象中增加相应的属性,但这些属性对于后端没有意义,保存提交时希望删除掉。
奋飛
2021/12/30
1.8K0
JavaScript移除对象中不必要的属性
java hibernate 实现按条件删除多对象[通俗易懂]
具体做法是遍历对象对象的所有get方法,然后通过方法反射获取到对象的值。然后再判断值是否为空,从而组装HQL语句
全栈程序员站长
2022/07/04
1.5K0
JS操作对象属性(获取、添加、删除、修改对象属性)
属性也称为名值对,包括属性名和属性值。属性名可以是包含空字符串在内的任意字符串,一个对象中不能存在两个同名的属性。属性值可以是任意类型的数据。
用户7741497
2022/03/19
16.5K0
js 删除对象里的某个属性[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/128104.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/26
9.5K0
Javascript Function 对象 属性和方法
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://louluan.blog.csdn.net/article/details/19021791
亦山
2019/05/25
8720
Javascript设置对象的ReadOnly属性
在JS中ReadOnly属性比较奇怪,直接创建一个对象,给该对象赋值readonly属性不能够向HTML中一样使用下面的方式:
深蓝studyzy
2022/06/15
2.3K0
JavaScript 将对象数组按字母顺序排序
1.if条件语句 + sort() 2.localeCompare() + sort() 3.Collator() + sort()
唐志远
2023/08/01
2620
JavaScript 将对象数组按字母顺序排序
JavaScript 将对象数组按字母顺序排序
Chrome、IE、Edge、Firefox、Safari、Opera 等 都支持 sort() 方法。
唐志远
2023/07/26
6390
JavaScript 将对象数组按字母顺序排序
es6删除对象的属性_ES6删除对象中的某个元素「建议收藏」
1.ListView 添加日期筛选下拉选择,选择指定,可指定日期范围 2.Code using DevExpress.Data.Filtering; using DevExpress.ExpressA …
全栈程序员站长
2022/07/27
2.2K0

相似问题

Javascript按名称删除嵌套对象属性

32

JavaScript按属性删除对象数组中的元素

23

在javascript中从对象中删除属性

20

按对象属性从数组中删除对象

879

按属性从对象列表中删除对象

423
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文