检查带有/ Jekyll Liquid 的页面上是不是存在带有/ class x 的 div

Posted 2023-03-28

【中文标题】检查带有/ Jekyll Liquid 的页面上是不是存在带有/ class x 的 div

【英文标题】：check if div w/ class x exists on page w/ Jekyll Liquid检查带有/ Jekyll Liquid 的页面上是否存在带有/ class x 的 div

【发布时间】：2022-01-14 22:21:46

【问题描述】：

如何检查页面上是否存在具有特定类 x 的 div？

% if page.div.class == x %
  <script></script>
% endif %

这行得通吗？

【问题讨论】：

你不能用javascript来做这个吗？

我还不太会用 js，jekyll 用的是液体，所以我对此有了基本的了解。

好的，用JS很简单，如果你愿意，我可以发布JS答案，但我不知道jekll。

当然，继续，不要标记它已解决。

【参考方案1】：

使用 JavaScript 和 document.querySelector()，您可以选择文档中与指定选择器匹配的第一个元素。 例如：

const targetElement = document.querySelector('.x') // .x is class you are looking for

if (targetElement) console.log('element with class of x exists')

如果页面上存在元素，它将返回该元素，否则将返回 null。

结帐MDN doc