javascript - 删除 Javascript 中某些属性(不是 ID)的划分

Question

我正在开发一个 chrome 扩展，并尝试使用某些属性删除一些分区，如下所示:

HTML:

<div someAttr="value1=aaa&value2=bbb">Stack Overflow</div>

如果我知道 value1 的值，我知道可以像这样删除它和value2 :

document.querySelector('[someAttr="value1=aaa&value2=bbb"]').remove();

<小时/>

但是对于<div>如上所示，如果我只知道someAttr中的值之一，我想要一个像这样的算法:(伪代码)

var key = 12345;
if (value1 == key || value2 == key) {
    removeThisDiv();
}

我应该做什么(除了手动检查 HTML 代码作为字符串)？

Answer 1

为什么要用||，你可以简单地用includes()检查属性值:

var el = document.querySelector('div');
var key = 12345;
if (el.getAttribute('someAttr').includes(key)) {
  el.remove();
}

<div someAttr="value1=aaa&value2=12345">Stack Overflow</div>

或:您可以使用Attribute selectors (包含:- [attr*=value]):

var key = 12345;
var el = document.querySelector(`[someAttr*='${key}']`)
if(el) el.remove();

<div someAttr="value1=aaa&value2=12345">Stack Overflow</div>