javascript - jQuery在ajax之后修改我的html(img inside a)

Question

我想创建无限滚动并使用 jQuery get 从服务器获取 html。我收到正确的 html 部分:

    <li>
    <dl>
        <dt>

            <a href=/product/1/>

                    <img src="/media/cache/14/9a/149a1ecabfd10c168495c70ab5ab6ddb.jpg" width="237" height="300" alt='Some text' />

            </a>
        </dt>
        <dd class="title">Some name</dd>
        <dd>Some text</dd>
        <dd class="price">

                <span class="old-price">&euro; 10.0</span>&euro; 8.0

        </dd>
    </dl>
</li>

然后我尝试使用命令将此文本附加到 ul:

$(data).appendTo(container);

但是浏览器渲染下一个 html:

<li>
    <dl>
        <dt>

            <a href="/product/1"></a>

                    <img src="/media/cache/14/9a/149a1ecabfd10c168495c70ab5ab6ddb.jpg" width="237" height="300" alt="Some text">


        </dt>
        <dd class="title">Some name</dd>
        <dd>Some text</dd>
        <dd class="price">

                <span class="old-price">€ 10.0</span>€ 8.0

        </dd>
    </dl>
</li>

正如我们所见，a 内的 img 变成了 a 之后的 img。 jQuery 创造了什么样的魔力？

Answer 1

<a href=/product/1/>被解释为<a href="/product1"></a> 。尝试引用 href 的值。