jquery - 使用空白类来识别元素或其他标签

Question

我可以使用“空白”类来识别 dom 的常见元素以便使用 jquery 执行操作吗？我知道标签 Id 和 Name 在 dom 中必须是唯一的，但是，如果我需要识别相似的元素但不需要具有相同的样式......例如，在这种情况下：

<section class="custom-section identify1"></section>
<section class="custom-section identify1"></section>
<section class="custom-section identify2"></section>
<section class="custom-section identify1"></section>
<section class="custom-section identify2"></section>
<section class="custom-section identify1"></section>

在这种情况下custom-section，设置部分的样式并将相似的部分分组... ¿ 正确吗？现在使用 jquery 我可以使用 identifyX 获取所有部分：

$(".identify1)

我知道在 html5 中存在自定义数据属性 (Data-*)自定义数据 HTML5 我可以将此标签用于此功能吗？

Answer 1

是的，您可以使用“虚拟”类名，它们实际上没有在 CSS 中定义任何样式。

正确的选择器是$(".identify1")

Answer 2

是的，选择的数据属性会更好，然后为您的 jQuery 选择器设置一个 CSS 类。

这是使用 data-X 属性 selecotr 的示例

HTML：

<p data-test="">Hello</p>

JS：

var text = $('[data-test]').text(); 
alert(text);

小提琴

Answer 3

是的，使用这样的类名是完全可以接受的。

类名用于指定相似的元素组。所以这很适合。