Javascript jQuery在异步函数之后选择元素

我在通过异步回调函数生成后选择元素时遇到问题。 怎么做

我的代码：

$(document).ready(function() {
    function1(function2);
//here i want to select generated element by id $('#select-id')
});

function function1(callback) {
    $.getJSON('./ajax/results_get.php', function(data) {
console.log("function1");
        callback();
    });
}

function function2() {
console.log("function2");
}

编辑： 现在我使用了回调，但我不知道如何使在function3中创建的对象对click button事件可见

$(document).ready(function() {

    function1(function() {
        function2(function() {
            function3(function(){
var foo = $('#element');
            });
        });
    });

                $('#savebtn').click(function(){
//how to use assigned foo here?

                });
});

---

如果动态添加select id元素，则需要在其中一个回调函数中执行此操作。select id元素将动态更新。它在函数调用之前位于DOM树中。我需要此选择器在

$（文档）中可见。就绪

当前代码已在主邮局中更新。您是否可以直接使用

$（“#元素”）

？据我所知，不需要定义

var foo=$（“#元素”）

在代码中的其他地方使用它（或者我遗漏了什么）。如果动态添加了select id元素，则需要在回调函数之一中执行此操作。select id元素将动态更新。它在函数调用之前位于DOM树中。我需要此选择器在

$（文档）中可见。就绪

当前代码已在主邮局中更新。您是否可以直接使用

$（“#元素”）

？据我所知，没有必要定义

var foo=$（“#元素”）

来在代码的其他地方使用它（或者我遗漏了一些东西）。