О доступе к содержимому li без содержимого ul внутри этого li

Я пытаюсь получить доступ к текстовому содержимому, которое является "образованием" в приведенной стойке кода, оно написано в элементе li. Но не к текстовому содержимому, которое написано внутри ul этого li элемента, который является "science" и других li элементов внутри science. В принципе, у li есть ul, и я просто хочу получить доступ к содержимому li, а не ul.

<ul class="dropdown-items">
  <li class="li-items">Education
    <ul class="dropdown-items">
      <li data-parent="Education" class="li-items">Science
        <ul class="dropdown-items">
          <li data-parent="Science" class="li-items">Physics</li>
          <li data-parent="Science" class="li-items">Chemistry</li>
          <li data-parent="Science" class="li-items">Biology</li>
        </ul>
      </li>
  </ul>
 </li>
 <li class="li-items">Entertainment</li>
 <li class="li-items">Spiritual</li>
</ul>

               

это был мой html который получился дианамическим из-за следующего кода в шаблоне:

<ul class="dropdown-items">
{% for cat in cats %}
{% if not cat.children.all %}
<li {% if cat.parent %} data-parent="{{cat.parent.name}}" {% endif %} class="li-items">{{cat.name}}
{%else%}
<li {% if cat.parent %} data-parent="{{cat.parent.name}}" {% endif %} class="li-items">{{cat.name}}
    {% include "blog/category.html" with cats=cat.children.all %}
</li>
</li>
{% endif %}
{% endfor %}
</ul>
Вернуться на верх