Javascript 使用液体对象插入div并使用jQuery获取值

我想得到插入的液体对象的值。但我返回的是实际文本，而不是值。但是，如果我只是手动将同一个div插入头部，然后运行到控制台的日志记录，就可以了

我想这是个时间问题，但我想不出来。我可以将此div插入该商店页面的

标题

我将它附加到头部，如下所示：

$('head').append('<div id="todd" class="{{customer.name}} {{shop.domain}}"></div>');

$(function(){
  var name = $("#todd").attr('class');
  console.log(name + " me");
});

---

我在哪里误入歧途了？

这里有一个Shopify论坛的帖子，讨论了在JavaScript中使用液体变量，这应该会有所帮助：

可以在JavaScript中随意使用customer.name，只需在 您的液体，而不是在.js.Liquid文件中。你完全可以使用 主题模板中的JavaScript

---

这似乎要归结到如何使用这些标记实现JS。

你不能在头上放一个div，所以当你回叫它时，它就不存在了。为什么你要在头上附加div？大括号中的值不能自行解析，你必须手动替换它们。您可以使用jsfiddle.net重现这个问题吗？div也可以在主体中，它实际上只是从站点获取这些值的一种方法@我不知道你是什么意思。。“花括号中的值无法自行解析，必须手动替换。”如果它位于.js.liquid文件中，则可以尝试以下操作：

{%raw%}{{customer.name}}{%endraw%}