Fatal编程技术网
  • javascript/
  • Javascript jQ使用自定义属性隐藏所有div

Javascript jQ使用自定义属性隐藏所有div

javascript jquery

Javascript jQ使用自定义属性隐藏所有div,javascript,jquery,Javascript,Jquery,我有一些带有我自己数据属性的div，例如： <div tab="1" class="t-text">some text</div> <div tab="2" class="t-text">some text</div> 一些文本 一些文本 如何使用jQ查找\选择包含自定义数据属性“tab”的所有div 只需尝试使用选择器即可 如果属性名称是数据选项卡，而实际标记是某些文本，请重试 $( "div[data-tab]" ).hide(); Ja

我有一些带有我自己数据属性的div，例如：

<div tab="1" class="t-text">some text</div>
<div tab="2" class="t-text">some text</div>

一些文本
一些文本
如何使用jQ查找\选择包含自定义数据属性“tab”的所有div

只需尝试使用选择器即可

如果属性名称是
数据选项卡
，而实际标记是
某些文本
，请重试

$( "div[data-tab]" ).hide();
JavaScript 要单独选择带有属性
选项卡的所有
div
s，您可以使用如下纯JavaScript：


要对它们中的每一个执行某些操作，请执行以下操作：



    

  • 元素
    将匹配HTML元素
    • 

  • 索引
    将匹配我们运行代码的所有匹配元素中的哪个元素
    • 

  • 数组
    将包含所有匹配的元素
    • 


如果您的代码中不需要任何这些变量，您可以去掉它们

jQuery
jQuery从示例中选择
div
s的方法：


注

还要注意的是，
tab
不是
div
的有效属性。如果必须是自定义属性，请将其更改为
数据选项卡
。或者您的意思是全局属性？
jQuery
$（'[tab]'）。hide（）
，CSS
[tab]{display:none；}
不要使用自定义属性。改用
数据选项卡
属性。@AndrewBro这对你有帮助吗？

$( "div[data-tab]" ).hide();



document.querySelectorAll('div[tab]');



var divs = document.querySelectorAll('div[tab]');

[].forEach.call(divs, function(element, index, array) {
  // Your code here
});



$('div[tab]');