Jade template how to add text after tag on the same level

Question

I am try to get this to work in jade template:

html:

<li><i class="icon-comment"></i> 5</li>

jade:

li:i.icon-comment 5

ofcource 5 now is nested under i tag rather then li. Any way to do this?

Connell

Answer 1

In my templates I do it like this:

li
  i.icon-comment
  |  5

Safelight

nice thanks.. why is the pipe so magical? What does pipe mean again? – Connell

It just puts text after the previous tag. You can read about it in the docs here. – Safelight

Answer 2

There is many ways like:

1. Like the one shared with david using |

li
  i.icon-comment
  |  5

2. Add it in single line:

li #[i.icon-comment] 5

Peril