Problem: Beim Mappen einer Liste verschwinden entweder die Listitems (LI) oder die Listtags (UL / OL), wenn man (weil es logisch klingt) die LIs als INNER mappt. In diesem Beitrag zeige ich nicht nur das, sondern auch gleich, wie man innerhalb eines LIs noch weitere ULs einbauen kann.

Das korrekte Mapping eines Codes dieser Art:

<div class="als_root_mappen">
  <div class="col2">
    <h3 class="title">Pellentesque Quis</h3>
      <div>
        <ul class="list">
          <li><a href="#">Ut semper vestibulum est</a></li>
      </ul>
    </div>
  </div>
<div>

Sieht aber so aus:

Um diese Struktur nachzubauen:

<ul>
  <li>Item 1</li>
  <li>
    <span>Item 2</span>
    <ul>
      <li>Item 2.1</li>
      <li>Item 2.2</li>
    </ul>
  </li>
  <li></li>
  <li>Item 3</li>
</ul>

sollte das Mapping so aussehen: