Получить значение динамического элемента при нажатии кнопки в javascript

Я динамически выводю блоки данных, которые содержат несколько частей информации, включая кнопку, при нажатии которой я получаю имя в этом конкретном блоке.

Мой файл ejs

<% data.forEach(el => { %>
    <div class = "card">
        <img src= "<%= el.image %>" class = "card-img-top" alt = "">
        <h5 class = "card-title"><%= el.name %></h5>
        <p class = "card-text">Age: <%= el.age %></p>
        <p class = "card-text"><%= el.club %></p>
        <button class = "remove-player">Remove Player</button>
    </div>
<% }) %>

Когда я нажимаю кнопку, я хочу получить значение имени элемента, связанного с этой кнопкой, поскольку у меня есть больше, чем один, использующий jQuery, даст мне несколько значений, т.е.

$('.remove-player').on('click', function() {
    console.info($('.card-title').text());
});

Я хотел бы получить только значение названия карты, связанное с нажатой кнопкой.