Access Div Based on Another in JQUERY

How do I access the <a ....>General</a> base on this div I’m getting below on “test”?

test

<div
    role="tabpanel"
    class="panel-collapse collapse" 
    id="collapseGeneral"
    aria-labelledby="collapseGeneral"
    style="height: auto"
  >
    <div class="panel-body">
      ...
    </div>
  </div>

GIVEN

<div class="panel panel-default">
  <div role="tab" class="acc-heading" id="headingGeneral">
    <a
      data-toggle="collapse"
      role="button"
      aria-expanded="false"
      data-parent="#accordion"
      class=""                        
      href="#collapseGeneral"
      aria-controls="collapseGeneral"
      >General</a
    >
  </div>
  <div
    role="tabpanel"
    class="panel-collapse collapse" 
    id="collapseGeneral"
    aria-labelledby="collapseGeneral"
    style="height: auto"
  >
    <div class="panel-body">
      ...
    </div>
  </div>
</div>

code

  console.log(jQuery(test).parent(), "parent");