如何遍历每一个li如果里面包含有ul.就把该li的class="expandable"去掉


如何遍历每一个li如果里面嵌套有ul.就把该li的class="expandable"去掉<li class="expandable"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=1" target="main"><strong>手机数码</strong></a> 
          <ul style="display: none; ">
            <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=1" target="main">手机通讯</a>
                 <ul style="display: none; "> 
                    <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=1" target="main">GSM手机</a> </li>
                    <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=2" target="main">CDMA手机</a> </li>
                    <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=3" target="main">3G手机</a> </li>
                    <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=4" target="main">对讲机</a> </li>
                    <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=6" target="main">双模手机</a> </li>
                    <li  class="last"><a href="Title.aspx?mode=3&id=1&pid=1&ppid=7" target="main">双卡手机</a> </li>
                 </ul>   
             </li> 
            <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=2" target="main">手机配件</a> </li>  
            <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=3" target="main">数码影像</a></li>  
            <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=4" target="main">数码配件</a> </li>                 
          </ul>
 </li>
 <li class="expandable"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=2" target="main"><strong>电脑产品</strong></a> 
          <ul style="display: none; ">
            <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=6" target="main">电脑整机</a>
             </li> 
              <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=7" target="main">电脑配件</a>
                 <ul style="display: none; "> 
                    <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=58" target="main">CPU</a> </li>
                    <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=59" target="main">硬盘</a> </li>
                 </ul>   
             </li> 
            <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=8" target="main">外设产品</a> </li> 
            <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=9" target="main">办公设备</a> </li> 
            <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=10" target="main">网络产品</a> </li> 
            <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=12" target="main">办公耗材</a> </li> 
            </ul>
</li>
<li class="expandable"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=3" target="main"><strong>家用电器</strong></a> </li>
像最后一个li它里面没有嵌套ul。就把 class="expandable"去掉。
变成
<li ><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=3" target="main"><strong>家用电器</strong></a> </li>

解决方案 »

  1.   


        var lis = document.getElementsByTagName('li');
        for(var i = 0, length = lis.length; i < length; i++) {
            if(lis[i].getElementsByTagName('ul').length == 0) 
                lis[i].setAttribute('class', '');
        }
      

  2.   

    用 jquery 吧$("[class!='expandable']")
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
     <ul id='ul'>
    <li class="expandable1"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=1" target="main"><strong>手机数码</strong></a> 
              <ul style="display: none; ">
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=1" target="main">手机通讯</a>
                     <ul style="display: none; "> 
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=1" target="main">GSM手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=2" target="main">CDMA手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=3" target="main">3G手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=4" target="main">对讲机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=6" target="main">双模手机</a> </li>
                        <li  class="last"><a href="Title.aspx?mode=3&id=1&pid=1&ppid=7" target="main">双卡手机</a> </li>
                     </ul>   
                 </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=2" target="main">手机配件</a> </li>  
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=3" target="main">数码影像</a></li>  
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=4" target="main">数码配件</a> </li>                 
              </ul>
     </li>
     <li class="expandable2"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=2" target="main"><strong>电脑产品</strong></a> 
              <ul style="display: none; ">
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=6" target="main">电脑整机</a>
                 </li> 
                  <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=7" target="main">电脑配件</a>
                     <ul style="display: none; "> 
                        <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=58" target="main">CPU</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=59" target="main">硬盘</a> </li>
                     </ul>   
                 </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=8" target="main">外设产品</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=9" target="main">办公设备</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=10" target="main">网络产品</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=12" target="main">办公耗材</a> </li> 
                </ul>
    </li>
    <li class="expandable3"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=3" target="main"><strong>家用电器</strong></a> </li>
     </ul>
    <script>
    var   els   =   document.getElementById('ul').children;
            for(var   i   =   0,    length   =   els.length;   i   <   length;   i++)   { 
                    if(els[i].getElementsByTagName('ul').length   ==   0) 
    {
    alert(els[i].className);
    els[i].className='';
    alert(els[i].className);
    }
            } </script> </BODY>
    </HTML>
      

  4.   

    <style type="text/css">
    .expandable{border:solid 1px red;}
    .bt1_mouseover {border:solid 1px blue;}
    </style>
    <script language="javascript" src="jquery-1.3.2.min.js"></script><script language="javascript">
    $(function()
    {
       $('li:has(ul)').removeClass("expandable");
    });
    </script>
    <li class="expandable">
    <div class="hitarea expandable-hitarea "></div>
    <a href="Title.aspx?mode=1&id=1" target="main"><strong>手机数码</strong></a> 
              <ul style="display: none; ">
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=1" target="main">手机通讯</a>
                     <ul style="display: none; "> 
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=1" target="main">GSM手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=2" target="main">CDMA手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=3" target="main">3G手机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=4" target="main">对讲机</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=1&pid=1&ppid=6" target="main">双模手机</a> </li>
                        <li  class="last"><a href="Title.aspx?mode=3&id=1&pid=1&ppid=7" target="main">双卡手机</a> </li>
                     </ul>   
                 </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=2" target="main">手机配件</a> </li>  
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=3" target="main">数码影像</a></li>  
                <li class="expandable"> <a href="Title.aspx?mode=2&id=1&pid=4" target="main">数码配件</a> </li>                 
              </ul>
     </li>
     <li class="expandable"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=2" target="main"><strong>电脑产品</strong></a> 
              <ul style="display: none; ">
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=6" target="main">电脑整机</a>
                 </li> 
                  <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=7" target="main">电脑配件</a>
                     <ul style="display: none; "> 
                        <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=58" target="main">CPU</a> </li>
                        <li ><a href="Title.aspx?mode=3&id=2&pid=7&ppid=59" target="main">硬盘</a> </li>
                     </ul>   
                 </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=8" target="main">外设产品</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=9" target="main">办公设备</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=10" target="main">网络产品</a> </li> 
                <li class="expandable"> <a href="Title.aspx?mode=2&id=2&pid=12" target="main">办公耗材</a> </li> 
                </ul>
    </li>
    <li class="expandable"><div class="hitarea expandable-hitarea "></div><a href="Title.aspx?mode=1&id=3" target="main"><strong>家用电器</strong></a> </li>