javascript – 为类中的每个元素添加一个元素,获取[Object object]或纯文本而不是hr元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为类中的每个元素添加一个元素,获取[Object object]或纯文本而不是hr元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1344字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试在对< 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>每个媒体的元素不在里面.我最终没有使用$.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/>');
    }

解决方法:

你正在混合vanilla JS和jQuery.

你的代码是：

$(this)[0].append($('<hr />'));

应该是

$(this).append($('<hr />'));

内容总结

以上是互联网集市为您收集整理的javascript – 为类中的每个元素添加一个元素,获取[Object object]或纯文本而不是hr元素全部内容，希望文章能够帮你解决javascript – 为类中的每个元素添加一个元素,获取[Object object]或纯文本而不是hr元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端