jquery 在 div 的最后一个元素之前插入

Question

我正在使用ajax取回一些数据，我想将其插入为div的倒数第二个子元素。，问题是如何在之前将一些html插入到div中该 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，或者任何更快的方法

Answer 1

$('#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 )将所选元素放置在目标之前。