使用jquery .html（），我无法将id传递给函数

Question

抱歉，如果混淆..但我是这个代码：

$(document).ready(function(){
  $("button.yo1").click(function(){
    $("div.class1").html("<h1>&nbsp;</h1><h1><br /><select id='multi2' style='width:193px;'></select><br /></h1><button>Pick Class</button>")
  });
});

无法找到'multi2'..我必须传递一个参数或变量吗？ 这是获取multi2的功能

function childless() {

var s = document.getElementById('multi2');
var ar = [1,2,3];
for(var i=0; i<ar.length; i++) {
var option = document.createElement('option');
option.text = ar[i];
option.value = ar[i];
s.options[i] = option;
}

}

它有效，如果我不改变div，任何想法？

Answer 1

好吧，除非单击了button.yo1，否则无法调用childless（）函数

Answer 2

$(document).ready(function(){
    $("button.yo1").click(function(){
        $("div.class1").html("<h1>&nbsp;</h1><h1><br /><select id='multi2' style='width:193px;'></select><br /></h1><button>Pick Class</button>");
        childless(); // <---call childless() after the HTML content has been added.
    });
});

虽然我想知道你为什么要在每次点击div.class1重新创建内容。