jQuery在div中插入最后一个元素之前

Question

我使用ajax获取一些数据，想将其插入到一个

标签中作为倒数第二个子元素。问题是如何在该

标签中的最后一个元素之前插入HTML？

 $.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 id="listings">
    <!--bunch of divs-->
    <div>something</div>
    <!--INSERT DATA HERE-->
    <div class="black_box2" id="showMoreBar"></div>
</div>

我可以使用类名black_box2，或者更好的方法是使用我分配给最后一个div的id，或者任何更快的方法。

- Zoinky

---

你需要明确你的问题是什么 - 即你遇到的困难。就目前而言，这似乎更像是一个请求而不是一个实际的问题。 - Boaz

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 )将所选元素置于目标元素之前。

- Alpha Codemonkey

---

这正是我在寻找的，谢谢你。在接受答案之前，我必须等待5分钟。 - Zoinky

纯JavaScript怎么样？jQuery，真的吗？ - Captain Fantastic