动态生成html代码 然后动态修改其中元素的值或属性

最近的工作中，经常碰到这样的局面，用ajax请求数据库，将请求下来到数据格式化成html代码，显示在页面上，然后后面的操作又需要动态的去获取和修改这段生成的html代码，因为使用了ajax，而且ajax中的js代码也是使用了回调等操作，所以这段html何时生成完成，就无法控制了，所以后续的操作经常发生在这之前，结果可想而知，起初想了几个方案，

1.修改回调，将这部分操作业务放进回调中完成，但是这有悖于代码封装和业务分离原则，毙掉；

2.检测元素是否存在，然后无限循环进行检查，直到存在再进行后续操作，理论上行得通，但是经常把浏览器搞死，而且其他操作被阻塞，毙之；

3.等待，后续操作函数等待一个时间后执行，这个方案可行，关键是等待时间的长度如何把握，短了不起作用，长了体验不好，纠结；

4.折中方案，将2和3结合起来，先检测元素，不存在则等待50毫秒（这个时间还可以短，这等待的意义在于让其他线程运行），然后继续后继操作

selectSeller : function(){

var value_s = $("#sellerId_s").val();

if(value_s){

if($("#sellerSel option").length){

changeOption(value_s);

}else{

setTimeout(function(){

changeOption(value_s);

},100);

}

}

/**

* 根据指定的值修改select的选中项

*/

var changeOption = function(value){

$("#sellerSel option").each(function(){

if($(this).val() == value){

$(this).attr("selected", true);

}

});

}

}