Можно ли объединить два селектора с jquery?

Question

Я проектирую навигацию и использую тег "active", чтобы изменить его CSS и знаю, какой контент показывать. Поэтому я решил реализовать функцию jquery, которая получает «активную навигационную ссылку», и с помощью селектора $ this мне нужно получить показанный текст (в частности, URL-адрес href). Можно объединить селектор & this с другим запросом, чтобы получить этот текст (href url)?

Изображение Nav

<ul class="nav nav-pills flex-column" id="kid_list">
 <li class="nav-item">
  <a t-attf-href="/califications/{{active_kid.id}}" t-attf-class="nav-link active"><t t- 
  esc="active_kid.name"/>
   <span class="badge badge-pill float-right">25</span>
  </a>
 </li>
....

$(document).ready(function() {
  "use strict";

  $('#kid_list > li > a').click(function(e) {
    e.preventDefault();
    $('#kid_list > li > a').removeClass('active');
    $(this).addClass('active');
    /*Get the text data ...*/ 
    var url = $(this)

  });
});

Спасибо за чтение!