Jquery клик по одному классу отдает одно и тоже?

Question

[pillson]

jquery при клике отдает один и тот же ответ, пытаюсь букву получить по которой кликнули, постоянно отдает А, не пойму в чем проблема

$(document).on('click', ".jq-char", function() {
        
        bk = $(this).closest('.manufacturer-chars').find('.jq-char').html();
        
        console.log(bk);
    });

<div class="manufacturer-chars">
        <div class="char-selector">
            <span class="jq-char">A</span>
            <span class="jq-char">B</span>
            <span class="jq-char">C</span>
            <span class="jq-char">D</span>
            <span class="jq-char">E</span>
            <span class="jq-char">F</span>
            <span class="jq-char">G</span>
            <span class="jq-char">H</span>
            <span class="jq-char">I</span>
            <span class="jq-char">J</span>
            <span class="jq-char">K</span>
            <span class="jq-char">L</span>
            <span class="jq-char">M</span>
            <span class="jq-char">N</span>
            <span class="jq-char">O</span>
            <span class="jq-char">P</span>
            <span class="jq-char">Q</span>
            <span class="jq-char">R</span>
            <span class="jq-char">S</span>
            <span class="jq-char">T</span>
            <span class="jq-char">U</span>
            <span class="jq-char">V</span>
            <span class="jq-char">W</span>
            <span class="jq-char">Z</span>
    </div>

Comments

[pillson]

Спасибо, сглупил

Answer 1

[Сергей Соколов]

const bk = $(this).text();

Answer 2

[Сергей delphinpro]

Зачем лишние манипуляции?

- bk = $(this).closest('.manufacturer-chars').find('.jq-char').html();
+ bk = $(this).html();