Get the parent's sibling's text of menu with JQuery

Get the parent's sibling's text of menu with JQuery

HTML

<ul>

  <li><a href="">Home</a></li>

  <li><a href="#">Women fashion</a>
    <ul>

      <li><a href="#">Women Pants</a>
        <ul>

          <li><a href="#">Women jeans</a></li>

          <li><a href="#">Women Breeches</a></li>

          <li><a href="#">Women trousers</a></li>

          <li><a href="#">Women shorts</a></li>
        </ul>
      </li>


      <li><a href="#">Women blouse</a></li>

      <li><a href="#">Dress-Skirt</a></li>
    </ul>
  </li>


  <li><a href="">Computer</a>
    <ul>

      <li><a href="#">Laptop</a></li>

      <li><a href="#">Desktop</a></li>

      <li><a href="#">Monitor</a></li>
    </ul>
  </li>
</ul>

JavaScript

$("li").click(function() {
  var parentTexts = $(this).parents("li").map(t).get().reverse()
  console.log(parentTexts)
  return false
})

function t() {
  return $(this).children("a:first").text()
}