JSFiddle - React, Tailwind, and code Playground

by jahrichie

HTML

<div class="category-faceted" style="top: 0px;">
            <div class="parent-category no-children" data-link="view-all">
              <a href="/">View All</a>
            </div>
            <div class="parent-category active-parent" data-cat-number="14">
              <a href="/categories/14/catalog_items">Celebrity</a>
              <div class="child-wrap" style="overflow: hidden; display: block;">
                <div child-cat-number="15" class="child-category">
                  <a href="/categories/15/catalog_items">Meet &amp; Greet <span class="category-count">51</span></a>
                </div>
                <div child-cat-number="16" class="child-category">
                  <a href="/categories/16/catalog_items">One-on-One <span class="category-count">25</span></a>
                </div>
                <div child-cat-number="17" class="child-category">
                  <a href="/categories/17/catalog_items">Set Visits <span class="category-count">10</span></a>
                </div>
                <div child-cat-number="18" class="child-category">
                  <a href="/categories/18/catalog_items">Walk-Ons <span class="category-count">5</span></a>
                </div>
                <div child-cat-number="19" class="child-category">
                  <a href="/categories/19/catalog_items">Awards Shows &amp; Events <span class="category-count">12</span></a>
                </div>
                <div child-cat-number="20" class="child-category">
                  <a href="/categories/20/catalog_items">Virtual Experiences <span class="category-count">5</span></a>
                </div>
              </div>
            </div>
            <div class="parent-category" data-cat-number="21">
              <a href="/categories/21/catalog_items">Entertainment</a>
              <div class="child-wrap">
                <div child-cat-number="22" class="child-category">
                  <a href="/categories/22/catalog_items">Set Visits <span...

JavaScript

var texts   = [],
    hrefs   = [],
    combined= [];

$('.parent-category > a').each(function( index ) {
  texts.push($(this).text());
  hrefs.push($(this).attr("href"));
});

combined.push(texts,hrefs)
console.log(combined[1] )