将 PUG 转换为 Javascript/JQuery答案

【问题标题】：Convert PUG to Javascript/JQuery将 PUG 转换为 Javascript/JQuery
【发布时间】：2017-03-27 04:49:19
【问题描述】：

PUG版本的代码如下。

- var messages = getMessages()
            if messages.info
                each msg in messages.info
                    div(class='alert alert-info alert-dismissable'  role='button' data-toggle="tooltip" title="Hide!") #{msg}
            if messages.error
                each msg in messages.error
                    div(class='alert alert-danger alert-dismissable' role='button' data-toggle="tooltip" title="Hide!") #{msg}

            if messages.success
                each msg in messages.success
                    div(class='alert alert-success alert-dismissable' role='button' data-toggle="tooltip" title="Hide!") #{msg}

我需要将其转换为 Javascript/Jquery 格式。我确实得到了if statements 的修复（我放了括号），但是，我应该如何处理iteration 部分。

应该是这样的

$.each(messages.info, function( index, value ) {
   $('div(class='alert alert-danger alert-dismissable' role='button' data-toggle="tooltip" title="Hide!")')value
});

【问题讨论】：

你已经解决了问题.. 只需在 $.each 上添加一个检查.. 为if(messages.info){ $.each(messages.info, function(i,e){}); }

标签： jquery pug

【解决方案1】：

我很抱歉提出这样的问题。无论如何，正如@atulquest93 所说，我已经解决了它。然而，它并不是 100% 正确的。以下是最终版本。

 var messages = getMessages()
    if (messages.info){
        $.each(messages.info, function( index, value ) {
            $('<div class="alert alert-info alert-dismissable" role="button" data-toggle="tooltip" title="Hide!">'+value+'</div>')
        });
    }

    if (messages.error){
        $.each(messages.info, function( index, value ) {
            $('<div class="alert alert-danger alert-dismissable" role="button" data-toggle="tooltip" title="Hide!">'+value+'</div>')
        });
    }
    if (messages.error){
        $.each(messages.info, function( index, value ) {
            $('<div class="alert alert-success alert-dismissable" role="button" data-toggle="tooltip" title="Hide!">'+value+'</div>')
        });
    }

另外，这个pug to html and vice versa 可以将 pug/jade 代码转换为 html，反之亦然。干杯！

【讨论】：