JQuery で文字列を html オブジェクトに変換するときに、セグメント全体を取得できず、適切に使用しているかどうか疑問に思っていました。
「データ」を入力した後のコードは次のとおりです。
console.log(data);
console.log("---");
console.log($(data).html());
結果は次のとおりです。
<div style='width:260px; height:128px; text-align:left' id='productTn'><img src='images/rProduct02.jpg' id='productTnImg' class='productTnImg' alt='Selected Product' style='border-style:none' height=128 width=128 /></div><div id='productLI' style='width:281px; min-height:185px'><b>Audi</b></div>
---
<img src="images/rProduct02.jpg" id="productTnImg" class="productTnImg" alt="Selected Product" style="border-style:none" height="128" width="128">
ご覧のとおり、HTML をオブジェクトに変換し、それを再び文字列に戻すと、IMG 部分だけが残り、残りはなくなっています。ここで何か間違ったことをしていますか?