Получить информацию о подключении Elements

Я работаю с jsPlumb и Javascript, чтобы реализовать простой интерфейс перетаскивания элементов, где можно установить соединения друг с другом. Я хотел бы знать, как я могу получить сведения о соединении источников и целей, когда нажимается кнопка «подобная настройке» на каждом отброшенном элементе.

На приведенном выше холсте, если щелкнуть значок настроек «Пустой запрос», мне нужно получить информацию о соединении, например

в коннекторе:

исходный идентификатор - в самом идентификаторе соединителя и целевом идентификаторе - идентификатор соединителя элемента "Pixar"

выходной соединитель:

идентификатор источника - идентификатор самого выходного соединителя и идентификатор цели - идентификатор соединителя элемента "Paramount"

JS-функция

function dropCompleteQueryElement(newAgent,i,e)
{
    $(droppedElement).draggable({containment: "container"});

    var finalElement =  newAgent;
    r++; q++;

    var connectionIn = $('<div class="connectorIn">').attr('id', i + '-in').addClass('connection').text("in");
    var connectionOut = $('<div class="connectorOut">').attr('id', i + '-out').addClass('connection').text('out');

    finalElement.css({
        'top': e.pageY,
        'left': e.pageX
    });

    finalElement.append(connectionIn);
    finalElement.append(connectionOut);

    $('#container').append(finalElement);

    jsPlumb.draggable(finalElement, {
        containment: 'parent'
    });

    jsPlumb.makeTarget(connectionIn, {
        anchor: 'Continuous'
    });

    jsPlumb.makeSource(connectionOut, {
        parent:finalElement,
        anchor: 'Continuous'
    });

    var myNode = document.getElementById("lot");
    var fc = myNode.firstChild;

    while( fc ) {
        myNode.removeChild( fc );
        fc = myNode.firstChild;
    }

}

newAgent — это элемент, перетаскиваемый из панели инструментов и до добавления значков и меток, а finalElement — это элемент, перетаскиваемый на холст.