如何用js 刷新 sidebar-ul 下的class为on的li的hrf

Question

html
<ul class="sidebar-ul">
        
                <li id="20" hrf="sys_set_sub_list.aspx" class="">
        <div class="bg">变电站管理</div>
        </li>
            
                <li id="15" hrf="sys_set_equip_list.aspx" class="on">
        <div class="bg">设备管理</div>
        </li>
            
                <li id="31" hrf="loop/looplist.aspx">
        <div class="bg">回路管理</div>
        </li>
            
                <li id="16" hrf="sensor/sensor_list.aspx">
        <div class="bg">传感器设置</div>
        </li>
            
                <li id="26" hrf="Admin/Remind.aspx">
        <div class="bg">告警方式设置</div>
        </li>
            
                <li id="17" hrf="alert_manage/alert_rule_list.aspx">
        <div class="bg">告警规则设置</div>
        </li>
            
                <li id="22" hrf="alert_manage/alert_level_list.aspx">
        <div class="bg">告警级别设置</div>
        </li>
            
                <li id="13" hrf="sys_setting_area_manage.aspx">
        <div class="bg">区域设置</div>
        </li>
            
                <li id="101" hrf="alert_manage/alert_type_list.aspx">
        <div class="bg">告警类型</div>
        </li>
            
</ul>如何用js 刷新 sidebar-ul 下的class为on的li的hrf
用jquery或者js都可以，
上面html在iframe里
iframe可以用window.parent.document.getElementById("Iframe")得到。
综合起来怎么写。
用js或者jquery做。

Answer 1

var arr = document.getElementById('ulid').getElementsByTagName('li');
for(var i = 0,len = arr.length;i<len;i++){
  if(arr[i].className == 'on'){
      arr[i].href = '改成你要的'
   }
}

Answer 2

谢谢楼上，
                $(window.parent.frames["Iframe"].document).find(".sidebar-ul .on").focus();
                $(window.parent.frames["Iframe"].document).find(".sidebar-ul .on").click();
这样刷新也可以，但是只在IE6下能运行，谁能改一下，支持chrome,ie7