Если элемент имеет дочерние элементы HTML

Question

I следующий неупорядоченный список.

<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)