从php到dom元素的html字符串标记

时间:2015-11-18 10:03:39

标签: javascript jquery html json dom

我通过PHP从我的数据库中检索这个JSON:

{
    "No. of Employees": "<span class=\"pull-right badge bg-blue\">Unlimited</span>",
    "Users": "<span class=\"pull-right badge bg-aqua\">Unlimited</span>",
    "No. of Clients": "<span class=\"pull-right badge bg-red\">N/A</span>",
    "No. of Stores": "<span class=\"pull-right badge bg-red\">N/A</span>"
}

现在,我有一个列表,我在Laravel刀片上循环json字符串:

<ul class="nav nav-stacked">
    @foreach($jsonstring as $key => $value)
        <li><a href="#">{{$key}} {{$value}}</a></li>
    @endforeach
</ul>

在解析HTML字符串到dom元素之前,这是我的输出:

No. of Employees <span class="pull-right badge bg-blue">Unlimited</span>
Users <span class="pull-right badge bg-aqua">Unlimited</span>
No. of Clients <span class="pull-right badge bg-red">N/A</span>
No. of Stores <span class="pull-right badge bg-red">N/A</span>

我尝试了各种方法,比如jquery的append和html标签(JS可以工作,但不会循环遍历这些值),PHP的htmlentities等等(PHP不起作用)无论如何)但是我们没有采取更清洁的方法。

关于Jquery方法,我试过这个:

隐藏字段的存储值:

    <input type="hidden" class="infoval" value="{{$value}}"/>

在div上显示结果

<div class="infodisp"></div>

然后,解析html:

$('.infodisp').append($('.infoval').val());

这可行,但它没有通过值。我还没试过在jquery方面循环。但我只需要一些干净的方法来使用jquery或PHP将HTML字符串解析为dom元素。

感谢。

0 个答案:

没有答案