向类中的每个元素添加一个元素,获取[对象对象]或纯文本,而不是hr元素

在对 <div> 对应于 .pressRow 班这是我的JavaScript函数:

function SortPressRecent() {
    var $pressRows = $(".pressRow");
    var OrderedDivs = $pressRows.sort(function (a, b) {
        var da = new Date($(a).data("date"));
        var db = new Date($(b).data("date"));
        return da > db ? -1 : da < db;
    });
    $.each(OrderedDivs, function () {
        $(this)[0].append($('<hr />'));
    });
    $("#PressRows").html(OrderedDivs);
}

这就是 PressRow 看:

<div id="PressRows">
    <div class="row pressRow" data-date="1/13/2010 8:36:00 PM" data-name="AStringHere">
        <div class="col-sm-3">
            <img src="anImgHere" />
        </div>
        <div class="col-sm-9">
            <a class="links" href="someLink">AStringHere</a>
        </div>
    </div>
    ... More pressRows here ...
</div>

如果我附加 $('<hr />') ,它显示为 [Object object] . 如果我将其添加为 'hr' ,它显示为文本,而不是我想要的行。

编辑:你们的答案都是正确的。我意识到我有一个不同的问题,我需要在每次结束后添加它 </div> 每个的元素 pressRow 不在里面。我最终没有使用 $.each 功能:

    function SortPressRecent() {
        var $pressRows = $(".pressRow");
        var OrderedDivs = $pressRows.sort(function (a, b) {
            var da = new Date($(a).data("date"));
            var db = new Date($(b).data("date"));
            return da > db ? -1 : da < db;
        });

        $("#PressRows").html(OrderedDivs);
        $(".pressRow").after('<hr/>');
    }