javascript - 需要帮助将一段代码合并到 divi 部分

Question

在 Wordpress 的 Divi 页面构建器中，您可以将类或 ID 添加到一个部分。但是我想不出一种方法来将任何内联代码添加到页面构建器随后放入构成页面的 html 中的标记中。

我正在尝试使用 Divi 将 midnight.js 插件添加到 Wordpress 站点，为此我需要添加内联 javascript 代码...

<div data-midnight="white">

这是 divi 构建器放在页面上的 div 代码:

<div class="et_pb_section et_pb_section_parallax  et_pb_section_3 et_section_regular">

我需要在这段代码的末尾添加data-midnight="white"

有谁知道我可以这样做的方法吗？

Answer 1

如果您将其添加到已加载的 js 文件中或 <script> 中标记到 HTML 代码中，它应该将所需的属性添加到该元素:

$(document).ready(function() {
  $(".et_pb_section.et_pb_section_parallax.et_pb_section_3.et_section_regular").attr("data-midnight", "white");
});

它选择组合了所有这些类的元素，并向其添加具有指定值的属性。