如何使用 jquery 将特定元数据添加到具有 ID 的 div 中

Question

我试图弄清楚如何编写 jQuery 代码以将元数据插入到元素中，具体来说是： data-section-name="home"

我想将其插入到带有 ID 的 div 中home-section 的输出如下：

<div id="home-section" data-section-name="home">
  (some code here...)
</div>

我在 WordPress 中使用 divi 构建器

Answer 1

如果您需要 data 属性出现在 HTML 源代码中，请使用 attr()：

$('#home-section').attr('data-section-name', 'home');

如果 data 属性将由 jQuery 库读取，那么您可以使用 < code>data() 方法，它的性能更高：

$('#home-section').data('section-name', 'home');

两种情况下的警告是确保您在任何库依赖的之前执行这行代码存在该 data 属性。