使用iframe封装头部（导航栏）遇到的问题

问题描述
使用iframe把头部引进来，要根据当前页面更改栏目的主题色，移除其他栏目的主题色。

<div class="hdtop" id="hdtop" style="text-align: center;">
		    <iframe id="hdiframe" frameborder=0 border=0 width=100% height=96px scrolling="no" src="header1.html"></iframe>
		  </div>

假如说header1.html里的导航栏代码是静态的可以这样做

  //等头部加载完毕，更改栏目的主题色
			  $('#hdiframe').load(function(){
			  $(this).contents().find("#header>ul").children("li").eq(4).children("a").addClass("titlecolor")
					.parent().siblings().children("a").removeClass("titlecolor"); 
			  });

如果说代码是动态生成的，上面的代码就有兼容性问题了，IE浏览器是可以执行的，360极速模式就不行了。试着写了段代码，把找到的li转换成js伪数组，js伪数组长度明明是5，打印出来却是0？不知道什么原因。
想了个折中的方案：给ul添加委托事件。
我的本意是不添加委托事件，