动态生成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);
					}
				});			
			}
		}