blocks|key|188703|text|这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|188704|div#demo.collapse(class=typeof+fromEdit+===+"undefined"+?+""+:+"in")|code-block|syntax|javascript|188705|试试here吧。|offset|length|188706|entityMap|0|LINK|mutability|MUTABLE|url|http://naltatis.github.com/jade-syntax-docs/^0|0|0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

This works:

<pre><code>div#demo.collapse(class=typeof fromEdit === "undefined" ? "" : "in")
</code></pre>

Try it out <a href="http://naltatis.github.com/jade-syntax-docs/">here</a>.

blocks|key|406942|text|如果您不希望在没有值的情况下添加class属性，则可以为其分配未定义的属性，而不是空字符串。下面是前面的例子，稍微修改了一下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|406943|div#demo.collapse(class=typeof+fromEdit+===+"undefined"+?+undefined+:+"in")|code-block|syntax|javascript|406944|更新:另外，如果您使用的是pug，您现在可以根据不同的条件添加任意数量的class=声明，这些声明将在生成的类属性中连接起来。例如：|offset|length|style|CODE|406945|#demo.collapse(class=cond1+&&+'class1'+class=cond2+&&+'class2')|406946|entityMap|0|LINK|mutability|MUTABLE|url|https://pugjs.org/^0|0|0|10|6|D|3|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]]|9|@$I|11|J|12|1|13]]|A|$]]|$1|M|3|N|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

If you don't want the class attribute to be added when there is no value, you can assign it undefined instead of an empty string. Here is the previous example, slightly modified:

<pre><code>div#demo.collapse(class=typeof fromEdit === "undefined" ? undefined : "in")
</code></pre>

Update: Also, if you are using <a href="https://pugjs.org/" rel="noreferrer">pug</a>, you can now add as many <code>class=</code> declarations as you want with different conditions and they'll get concatenated in the resulting class attribute. e.g.:

<pre><code>#demo.collapse(class=cond1 &amp;&amp; 'class1' class=cond2 &amp;&amp; 'class2')
</code></pre>

blocks|key|188793|text|尽管这是一个老问题，但我发现以下方法是可行的，因为Pug包含了内置的对象存在检测功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|188794|div#demo.collapse(class=fromEdit?+'in':undefined)|code-block|syntax|javascript|188795|如果不明显，则检查fromEdit是否存在，如果存在，则进入in作为类，否则将该类保留为空。|offset|length|style|CODE|188796|entityMap^0|0|0|9|8|U|2|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

Though an old question, I find that the following works since Pug includes object existence detection built in:

<pre><code>div#demo.collapse(class=fromEdit? 'in':undefined)
</code></pre>

If it's not obvious, this checks if <code>fromEdit</code> exists and if it does enters <code>in</code> as the class, otherwise leaving the class blank.

blocks|key|188811|text|对于pug+2，您可以使用以下语法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|188812|div#demo(class="collapse",+class={"in":+typeof+fromEdit+!==+'undefined'})+Home+page|code-block|syntax|javascript|188813|更多信息请点击这里：https://pugjs.org/language/attributes.html|offset|length|188814|entityMap|0|LINK|mutability|MUTABLE|url|https://pugjs.org/language/attributes.html^0|0|0|A|16|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

With pug 2 you can use this syntax:

<pre><code>div#demo(class="collapse", class={"in": typeof fromEdit !== 'undefined'}) Home page
</code></pre>

more here: <a href="https://pugjs.org/language/attributes.html" rel="nofollow noreferrer">https://pugjs.org/language/attributes.html</a>

Is there a way to do this inline in a jade template?

<pre><code>if(typeof fromEdit != 'undefined')
 div#demo.collapse.in
else
 div#demo.collapse
</code></pre>

Would like to do this conditional check "inline" and the result would add the .in to the end of the div if fromEdit exists.

Jade conditional (if/else) to add class to div inline

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有一种方法可以在jade模板中实现内联？if(typeof fromEdit != 'undefined')   div#demo.collapse.inelse   div#demo.collapse我想做这个条件检查“内联”，如果fromEdit存在，结果会将.in添加到div的末尾。

问Jade条件(if/else)将类添加到内联div
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jade条件(if/else)将类添加到内联divEN