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

Question

我有一些带有我自己的data-attr的div，例如：

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

如何查找\选择包含自定义数据的所有div attr＆＃34; tab＆＃34;用jQ？

Answer 1

只需尝试使用has-attribute选择器

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

如果您的属性名称为data-tab且实际标记为<div tab="1" class="t-text">some text</div>，请尝试

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

Answer 2

的JavaScript

要仅使用属性div选择所有tab，您可以使用纯JavaScript：

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

要对每个人执行某些操作，请执行以下操作：

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

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

• element将匹配HTML元素
• index将匹配我们运行代码的所有匹配元素，
• array将包含所有匹配的元素。

如果您在代码中不需要任何这些变量，则可以删除它们。

的jQuery

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

$('div[tab]');

注意

另请注意，tab不是div的有效属性。如果必须是自定义属性，请将其更改为data-tab。或许你的意思是全局tabindex属性？