Question

我是以下无序列表。

<ul>
      <li>
        <a class="hlink hlink-1" href="#"> Prank Boss Apps </a>
        <ul> 
          <li> <a href="#"> link 1 </a></li>
          <li> <a href="#"> link 2 </a></li>
          <li> <a href="#"> link 3 </a></li>
        </ul>
      </li>
      <li>
        <a class="hlink hlink-2" href="#"> Uninstall an app.  </a>
      </li>
      <li>
        <a class="hlink hlink-3" href="#"> Contact Us </a>
      </li>
    </ul>

在无序列表中，并非每个列表项都有另一个无序列表。

          <li> <a href="#"> blah </a>
            <ul> 
              <li> <a href="#"> link 1 </a></li>
              <li> <a href="#"> link 2 </a></li>
              <li> <a href="#"> link 3 </a></li>
            </ul>
          </li>

所以有些人只会在列表项中有一个链接，而其他人会在里面有一个无序列表。

如何查看列表项内是否有其他未排序的列表？

Answer 1

 function hasChildULs(thisList)
 {    
      if ($(thisList).children('ul').length > 0)
      {
           return true;
      }
      else
      {
           return false;
      }
 }

Answer 2

一旦你有了对li元素的引用，你可以使用它。

function isLeafNode(liElement) {
   return !liElement.getElementsByTagName("ul").length;
}

Answer 3

这应该让你开始：http://www.w3schools.com/dom/dom_element.asp（如果你不想使用jQuery）

如果element有子元素html元素

3 个答案: