javascript - Jquery parseHTMLが期待されるオブジェクトを与えない

Question

JavaScript変数「データ」にこのhtml文字列があるとします

<div class="packery-item">        
        <img class="rsImg" src="/media/VERSIONS/images/blog/2013/04/heart-watercolor1_featured_image.jpg" alt="Article illustration"/>        
</div>
<div class="packery-item">        
        <img class="rsImg" src="/media/VERSIONS/images/blog/2013/04/planning_featured_image.jpg" alt="Article illustration"/>        
</div>
<div class="packery-item">
    <img src="/media/VERSIONS/images/galleries/2013/04/fashion_slideshow.jpg" alt="" />
</div>

実行する$(data)と、次のようなものが返されます。

[div.packery-item, text, div.packery-item, text, div.packery-item, text, div.packery-item, text, div.packery-item, text, div.packery-item, constructor: function, init: function, selector: "", jquery: "1.8.3", size: function…]

div.packery-item のみのリストを返すと思います。私は何を間違えましたか？

Answer 1

タグ間の空白を取り除く必要があります。要素間にスペースができるように、それらはテキスト ノードに変換されます。

var data = '<div class="packery-item">' +
        '<img class="rsImg" src="/media/VERSIONS/images/blog/2013/04/heart-watercolor1_featured_image.jpg" alt="Article illustration"/>' +
'</div>' +
'<div class="packery-item">' +
        '<img class="rsImg" src="/media/VERSIONS/images/blog/2013/04/planning_featured_image.jpg" alt="Article illustration"/>' +
'</div>' +
'<div class="packery-item">' +
    '<img src="/media/VERSIONS/images/galleries/2013/04/fashion_slideshow.jpg" alt="" />' +
'</div>'