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

Question

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

我想将其插入 ID 为 home-section 的 div 中，输出将如下所示：

<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');

如果数据属性将由 jQuery 库读取，那么您可以改用 data() 方法，该方法性能更高：

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

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