php - 为什么我的 JQuery 脚本在附加时会添加 html 标签？

Question

将 json 数组发送到我的 jquery 脚本时遇到问题，我想将其附加到 div 中。在 php 中，我创建了一个包含以下 html 代码的 json 数组:

<li id="1234">
   <span class="some">$1</span>
   <span class="some2">$1</span>
   <div class="somediv"></div>
</li>

所以整个 json 数组看起来像这样:

[{"id":"12435","text":"<li id=\"1234\"><span class=\"some\">$1</span>"},{"id":"13542","text":"<span class=\"some2\">$1</span><div class=\"somediv\"></div></li>"}];

现在我使用 getJSON 来获取 json 对象，然后将结果附加到 div，如下所示: $(".container").append(val);

现在的问题是，当尝试附加 JSON 结果时，这就是正在附加的内容:

<li id="1234">
   <span class="some">$1</span>
</li>
<li id="1234">
   <span class="some2">$1</span>
   <div class="somediv"></div>
</li>

当我尝试输出我的 val 时与 alert(val)它清楚地表明 json 结果是正确的(没有结束 <li> 标签)，但是在附加它时， <li>标签已添加。

有谁知道这可能是什么原因吗？

这是我从 php 文件中获取值的方法:

$.getJSON("../ajax.php?action=getresults", function(data)
        {
            var obj = $.parseJSON(data);

            $.each(obj, function(key,val)
            {
                $.each(obj[key], function(key, dval)
                {
                    if(key == "text")
                    {
                        alert(dval);
                        $(".container").append(dval);
                    }
                })          

            });         

        });

Answer 1

jQuery 正在附加 HTML，但您正在向其传递部分 HTML block 。尝试将所有 HTML 连接成一个值，然后附加它。