如何使用jQuery创建一个绝对位于另一个元素旁边的div?

假设你的搜索框在一个名为“search”的div中。

然后可以使用jQuery after

$('#search').after(html);

如果您要创建的'div'不是返回的HTML的一部分,那么很容易插入它:

$('#search').after("<div>" + html + "</div>");

像这样..(在返回html之后)

$('.classNameORID').append("<div style='position:relative;'>"+ data +"</div>");

最后我做了这个:

//calculate the position
var parentDiv = $(this).parents(selector);
var top = parentDiv.position().top + parentDiv.height();
var left = $("#wrapper").width()-427; //427 is a fixed offset - it's still in the right place for any screen res

//run the search
$.ajax({
    url: 'ajax/find.php',
    data: { search: $(this).val() },
    success: function(data) {
        $("#globalFindResults")
            .css({
                'position': 'absolute',
                'top': top,
                'left': left
                })
            .html(data)
            .slideDown('fast');
    }
});