jquery插入div中的最后一个元素

我正在使用ajax返回一些数据,我想将它作为div的第二个子节点插入.问题是我如何在div中的最后一个元素之前插入一些html到div

$.ajax({
        url: '@Url.Action("...","..")',Traditional: true,data: { coordinates: coordinates,selectedTypeIDs: selectedTypeIDs,pageNumber: pageNumber },type: 'POST',success: function (data) {


            $('#listings').insertBefore(".last-child",data);
            hideProgress();
        },error: function (xhr,textStatus,errorThrown) {
            showErrorMessage("Something whacky happened",errorThrown);

        }

这是我的div,其中有一条评论,显示了我想把它放在哪里

<div id="listings">
    <!--bunch of divs-->
    <div>something</div>
    <!--INSERT DATA HERE-->
    <div class="black_Box2" id="showMoreBar"></div>
</div>

我可以使用类名black_Box2或更好,我分配给最后一个div的id,或者更快的方式

解决方法

$(‘#listings’).insertBefore(“.last-child”,data);将#listings放在.last-child之前(对于insertBefore,没有第二个参数).

你想要的是：

$("#showMoreBear").before(data); // put data before #showMoreBear

要么

$(data).insertBefore('.last-child'); // put data before .last-child

.before( content )将内容放在所选元素之前.

.insertBefore( target )将所选元素放在目标之前.

原文地址：https://www.jb51.cc/jquery/178722.html