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

时间:2015-02-24 17:15:55

标签: javascript node.js express pug templating

所以说如果我有li元素,并且我想使用java脚本来a)找到类X的元素然后添加修改它的一些属性。

我可以运行常用的JavaScript并且它可行,但我不知道如何处理现有元素并操纵它们。你可以在玉器中引用元素,最好是在jquery中$('.a').has(..)这是我以前在任何地方都看不到的新想法。

通常是它的服务器端(您手动修改元素)或者您将模板中的数据发送到客户端,其中javascript可以处理实际元素。

2 个答案:

答案 0 :(得分:1)

在撕毁标记之前,您不需要也不应该操纵标记。 只需创建一个jade mixin,您可以通过params来自定义标记输出。

如果您想要更精确的答案,请提供一个具体示例,了解如何在jQuery中执行此操作。

如果您想在服务器端更改DOM,可以使用cheerio,但是为了呈现客户端的模板,您永远不应该这样做!

答案 1 :(得分:0)

此代码或多或少地符合我的要求。并且它原生支持。它在docs中称为条件属性。

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

仅适用于最新版本的玉石。

//- 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>