如何使用jquery从json访问带有html标签的值？答案

【问题标题】：How to access values with html tags from json using jquery?如何使用jquery从json访问带有html标签的值？
【发布时间】：2013-10-09 10:05:41
【问题描述】：

我有一个任务phonegap，比如使用jquery解析json中的值并将其显示在collapisble中。我可以解析来解析我不知道如何在jquery mobile collapsible中解析它的值。下面给出了我的代码：

$.each(data.results, function(k, v){ 
    $('.description').html(v.Maincontent);
    //here am get full values so i want to display ul li values in collapsible 
});

<div data-role="collapsible"> <h3></h3> </div>

在<h3>--我想显示来自 json 的 ptag 值。当用户点击 p 标签意味着我想显示来自json 的li 值。

     Json value: {
    "results": [
        {
            "Name": "test content",
            "Id": "1429",
            "Title": "Test",
            "dMain-Screen": "Test sub title",

            "diningMainContent": "<p>sample test content</p>\n<p></p>\n<p>Pizza</p>\n<ul>\n<li>Chicken</li>\n<li>BBQ</li>\n<li>Onion Mushroom</li>\n</ul>\n<p>Pasta</p>\n<ul>\n<li>Sample</li>\n<li>sample1</li>\n<li>sample2</li>\n</ul>\n<p>Testing</p>\n<ul>\n<li>one</li>\n<li>two</li>\n<li>three</li>\n</ul>"
        }
    ]
}

【问题讨论】：

标签： jquery jquery-mobile cordova jquery-mobile-collapsible

【解决方案1】：

在返回 json 的服务中围绕 HTML 使用 CDATA 标记。

<![CDATA[ ***your content goes here*** ]]>

虽然更好的方法是只使用 json 返回值（而不是 html 字符串）并在函数中构建所需的 HTML。这将需要更改您的 JSON 和函数，但从长远来看，您会获得更多收益（带宽、可维护性、可重用性）。

【讨论】：