在jQuery中显示元素的位置

Question

我有两个不同的框架。一个框架具有可拖动的元件，第二个框架可以放置。在我可以在dropbable框架中拖动firebog控制台中的项目时，它会显示位置，但我想在不同的文本框中显示每个元素的位置。这是我的拖放代码：

jQuery(objName).draggable({
    containment: 'parent',
    stop: function(ev, ui) {
        var pos = jQuery(ui.helper).offset();
        // console.log($(this).attr("id"));
        // console.log(pos.left)
        // console.log(pos.top)
    }
});
}
});

//Make element droppable
jQuery("#frame").droppable({
    drop: function(ev, ui) {
        if (ui.helper.attr('id').search(/drag[0-9]/) != -1) {
            counter++;
            var element = jQuery(ui.draggable).clone();
            element.addClass("tempclass");
            jQuery(this).append(element);
            jQuery(".tempclass").attr("id","clonediv"+counter);
            jQuery("#clonediv"+counter).removeClass("tempclass");

并获取元素ID

draggedNumber = ui.helper.attr('id').search(/drag([0-9])/)
itemDragged = "dragged" + RegExp.$1
console.log(itemDragged)

现在我想要显示元素ID及其在firebug中显示的位置。