JS 高手 进来 看下 求一个页面解决方案！！！！！！急 ！有分
事情是这样的
先看一下代码吧
- HTML code
<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> 把他改成隐藏
[解决办法]
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';
}
}
}
}
[解决办法]
$(".mainUlLi").each(function(i, e){
var id = $(e).attr("id");
if(id.indexOf("menu") > -1){
if($("#"+id+" div div ul").length() < 0){
$("#"+id).hide();
}
}
});