JS 高手 进来 看下 求一个页面解决方案！！！！！！急 ！有分

Question

事情是这样的
先看一下代码吧<LI id="menu0" class=mainUlLi>
<a href="" target="_blank" title="保健食品">保健食品</a>
<DIV style="Z-INDEX: 9999; POSITION: absolute; DISPLAY: none"
id="menu0_sub" class=listcontenner>
<DIV class=divL>
<STRONG>选择分类</STRONG>
<UL>
<LI>
<a class="a2" href="" target="_blank" title="南北干货">南北干货</a>
<P>
<a href="" target="_blank" title="南北干货 ">南北干货 </a>
<IMG src="/images/lNavline.gif">
</P>
</LI>
</UL>
</DIV><DIV class=divR><STRONG>推荐品牌</STRONG> 
  <STRONG 
  class=clear>促销专题</STRONG> 
</DIV> </DIV>
</LI><LI id="menu7" class=mainUlLi>
<a href="/vvshopChannelSelect/chId-3.jhtml" target="_blank" title="家纺床品">家纺床品</a>
<DIV style="Z-INDEX: 9999; POSITION: absolute; DISPLAY: none"
id="menu7_sub" class=listcontenner>
<DIV class=divL>
<STRONG>选择分类</STRONG>
<UL>
<LI>
<a class="a2" href="/ProSearchList/conParams-101319.jhtml" target="_blank" title="个人洗浴用品">个人洗浴用品</a>
<P>
<a href="/ProSearchList/conParams-101618.jhtml" target="_blank" title="毛巾/浴巾">毛巾/浴巾</a>
<a href="/conParams-101620.jhtml" target="_blank" title="浴裙/浴袍/浴衣">浴裙/浴袍/浴衣</a>
<IMG src="/images/lNavline.gif">
</P>
</LI>
</UL>
<UL>
<LI>
<a class="a2" href="/vvshopProSearchList/conParams-101323.jhtml" target="_blank" title="床上用品">床上用品</a>
<P>
<a href="/conParams-101621.jhtml" target="_blank" title="床上套件">床上套件</a>
<a href="conParams-101622.jhtml" target="_blank" title="空调被/春秋被/蚕丝被">空调被/春秋被/蚕丝被</a>
<a href="conParams-101623.jhtml" target="_blank" title="保健枕/纤维枕/枕头">保健枕/纤维枕/枕头</a>
<a href="conParams-101624.jhtml" target="_blank" title="靠垫/抱枕/靠垫被/坐垫">靠垫/抱枕/靠垫被/坐垫</a>
<a href="conParams-101625.jhtml" target="_blank" title="秋暖毯/毛毯/绒毯">秋暖毯/毛毯/绒毯</a>
<a href="/conParams-101631.jhtml" target="_blank" title="冬被">冬被</a>
<IMG src="/images/lNavline.gif">
</P>
</LI>
</UL>
</DIV><DIV class=divR><STRONG>推荐品牌</STRONG> 
  <STRONG 
  class=clear>促销专题</STRONG> 
</DIV>
</DIV>
</LI><LI id="menu10" class=mainUlLi>
<a href="/vvshopChannelSelect/chId-381.jhtml" target="_blank" title="图书测试">图书测试</a>
<DIV style="Z-INDEX: 9999; POSITION: absolute; DISPLAY: none"
id="menu10_sub" class=listcontenner>
<DIV class=divL>
<STRONG>选择分类</STRONG>
</DIV><DIV class=divR><STRONG>推荐品牌</STRONG> 
  <STRONG 
  class=clear>促销专题</STRONG> 
</DIV>
</DIV>
</LI>页面是由一个一个大的 LI 组成的
这里只弄了部分我想用JS 或者 JQUERY 都OK 实现一个功能
因为是要求前台改 的 后台不方便改
需求是 如果像最下面的图书测试频道一样的LI  下面没有东西  就隐藏这个频道所对应的大的LI 也就是
<LI id="menu10" class=mainUlLi> 把他改成隐藏

Answer 1

function hideLI() {
var nodelist = document.getElementsByTagName('LI');
for (var i = 0; i < nodelist.length; i++) {
if (nodelist[i].id.indexOf('menu') >= 0) {
if (nodelist[i].getElementsByTagName('UL').length == 0) {
nodelist[i].style.display = 'none';
}
}
}
}

Answer 2

$(".mainUlLi").each(function(i, e){
    var id = $(e).attr("id");
    if(id.indexOf("menu") > -1){
        if($("#"+id+" div div ul").length() < 0){
               $("#"+id).hide();
         }
    }
});