是否有允许使用 jquery 样式语法进行操作的 jade 插件

Question

假设我有 li 元素，我想使用 java 脚本来 a) 找到带有 class X 的元素，然后添加修改它的一些属性。

我可以运行通常 JavaScript 并且它是可行的，但我不知道如何处理现有元素并操纵它们。你能在 jade 中引用元素吗，最好是 jquery $('.a').has(..) 这是一个新想法，我以前从未在任何地方看到过它。

通常是服务器端（您手动修改元素）或者您将数据沿模板发送到客户端，java脚本可以处理实际元素。

Answer 1

您不需要也不应该在渲染之前操纵您的标记。只需创建一个 jade mixin，您可以在其中传递参数来自定义标记输出。

如果您想要更准确的答案，请在 jQuery 中提供具体示例。

如果你想在服务器端改变一个DOM，你可以使用cheerio，但是对于客户端渲染模板你永远不应该这样做！

Answer 2

这段代码或多或少做了我想要的。而且它是原生支持的。它在文档中称为条件属性。

您可以在属性部分找到有关它的更多信息。

仅适用于最新版本的 jade。

//- Suppose object passed is this
- var selected='about';
li(class={selected:selected=="home"}) Home
li(class={selected:selected=="blog"}) Blog
li(class={selected:selected=="about"}) About

..将导致：

<li>Home</li>
<li>Blog</li>
<li class="selected">About</li>

是否有允许使用 jquery 样式语法进行操作的 jade 插件

is there jade plugin that would allow manipulation using jquery styled syntax

javascript

node.js

express

pug

templating