Javascript 隐藏或删除没有ID的DIV

我的网站有很多

DIV

s。每个都包含一个产品。我想删除或隐藏那些特定的名称。 例如，我希望脚本隐藏所有包含“food”名称的

DIV

s

只要你这么做？我在其他线程中寻找答案，但我没有具有自己ID的div

提前感谢您的帮助和建议

<div 
    data-id="AAA1"
    data-title="CLoth"
    data-bptf-cost="12"
    data-hat-cost="12"
>
<div 
    data-id="AAA2"
    data-title="Food"
    data-bptf-cost="12"
    data-hat-cost="12"
>
<div 
    data-id="AAB3"
    data-title="Money"
    data-bptf-cost="12"
    data-hat-cost="12"
>

---

U可以为每个div指定不同或相同的ID。例如：

<div id="food">Some food</div>
<div id="food">Soome other food</div>
<div id="fruits">Some fruits</div>

一些食物
给我其他食物
一些水果

如果您现在编写一个脚本，并调用名为food to hide的所有ID，则前两个ID将隐藏，水果将保持打开状态

这是一个非常简单的例子，但是CSS演示了我刚才写的内容。正如你所见，我隐藏了身份证上所有的食物

---

第一件事首先给你的女主角一个结束标签

试试看

<script type="text/javascript">

    setTimeout(function () {
        var divs = document.body.querySelectorAll('div');
        for (var i = 0; i < divs.length; i++) {

            if (divs[i].getAttribute('data-title') && divs[i].getAttribute('data-title') === 'Food') {

                divs[i].style.visibility = 'hidden';
            };
        };
    }, 100);
</script>

setTimeout（函数（）{
var divs=document.body.querySelectorAll（'div'）；
对于（变量i=0；i

--Html--

<div data-id="AAA1"
     data-title="CLoth"
     data-bptf-cost="12"
     data-hat-cost="12">
</div>
<div data-id="AAA2"
     data-title="Food"
     data-bptf-cost="12"
     data-hat-cost="12">
</div>
<div data-id="AAB3"
     data-title="Money"
     data-bptf-cost="12"
     data-hat-cost="12">
</div>

您需要尽可能少地尝试编写代码，以使其成为stackoverflow上可接受的问题。

$（“div[data title='Food']）。hide（）

-键入stuff？Marc B这是查询DOM的真正方法吗？我不知道属性的数据标题类型用于查询。知道这一点太好了。$（$div[data title='Food']）.hide（）-效果很好。非常非常非常感谢。然而，我对撇号出现的名称有一个问题。例如，在代码中看起来是这样的：data title=“Other&apos；s Stuff”-不幸的是，元素在使用（Other's Stuff）和（Other&apos；s Stuff）时都没有被隐藏。我做错了什么？给多个DOM元素相同的id是一种不好的做法。我从来没有想过这一点。你仍然可以用不同的名称命名它们，然后使用css选择更多的名称，如#div1，#div2，。。。