javascript - Mustache 将字符串视为字符列表

Question

仅当字符串不为空时，我才尝试使用 Mustache 模板显示描述：

{{#description}}
<li>
  <a>
    <p>Description</p>
    <p>{{description}}</p>
  </a>
</li>
{{/description}}

我在trymustache中尝试了脚本，它只呈现了一个li标签。但是，我的应用程序呈现多个li标签容器 Description p，但没有{{description}}呈现。

我的 Json 看起来像

{
  ...
  "description":"example"
  ...
}

有没有人遇到过这个问题？

score 0 · Accepted Answer

我试过你的模板@trymustache；根据您的经验，它呈现了与我提供的示例数据一样多的 li 标签。

我的例子：{{#description}}
    <li>
        <a>
            <p>Description</p>
            <p>{{description}}</p>
        </a>
</li>
{{/description}}

score 0 · Accepted Answer

出于某种原因，我的代码在 try mustache 中运行，但在我的应用程序中却没有。所以我现在选择了一个 jQuery 解决方案：

$('.place_info').find('p:nth-child(2)').each(function(i, p) { if($(p).html() == '') { $(p).closest('li').remove();}})

score 0 · Accepted Answer

您不应该将块元素放在内联元素中。锚标记不应在其中包含段落标记。我认为这是因为需要允许浏览器从解析错误的 HTML 中恢复。此外，li标签需要有一个ul或ol标签（我认为可能还有其他适用的标签，但我忘记了）作为没有其他兄弟姐妹但li标签的父母。我怀疑糟糕的 HTML 是您问题的根源。

3 回答 3