無限スクロールを作成し、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">€ 10.0</span>€ 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が作り出す魔法とは?