为每个动态创建的元素添加UNIQUE单击侦听器

Question

我看到了很多答案，可以将动态创建的元素添加到动态创建的元素中，这些元素涉及使用.on方法将侦听器应用于类，现在和将来的所有成员。这对于大多数情况来说可能是一种很好的批量技术，但我正在寻找一些更具动态性的东西。下面的代码是不正确的，但我相信它会让你很好地了解我想要做的事情：

            var nav = [
                {
                    id:'newGL',
                    text:'new'
                    type:'iframe'
                },
                {
                    id:'litGL',
                    text:'lit',
                    type:'iframe'
                }
            ]
function loadNav(nav){
    for(navItem in nav){
        var id = navItem.id;
        var text = navItem.text;
        var type = navItem.type;
        var html = "<div>" + text + "</div>";
        $(html).click(function(){
            getContent(id,type);
        });
        $('#horzNav').append(html);
    }
}

我只是想避免一种情况，我必须创建一个带有id的元素，然后在追加后重新找到它以添加点击监听器。必须有更好的方法，对吧？