Получить значение .text () при использовании вложенных операторов $ (this)

Question

При нажатии на тег <a> я хочу взять текстовое значение указанной ссылки и поместить его внутри другого <div> (.current-selection) внутри родительского элемента.Однако мне также нужно fadeOut() родитель, чтобы это изменение произошло вне поля зрения, прежде чем вернуть его с fadeIn().Я могу заставить это работать по отдельности, но не при размещении изменения текста в функции fadeOut ().

Приведенный ниже код получает текст родительского элемента, а не исходный щелчковый тег.Что я могу сделать по-другому, когда вкладываешься так?

Спасибо.

$('.filter').on( 'click', 'a', function() {
    // Fadeout text to allow for hidden text change
    $(this).parent.fadeOut(function() {

        // Change text of the current selection to match the item just clicked (not working)
        $('.filter').find('.current-selection').text($(this).text());   

    }).fadeIn();
});

Answer 1

поместить текст в дополнительную переменную

$('.filter').on( 'click', 'a', function() {
    var value = $(this).html();
    $(this).parent().fadeOut(function() {
        $('.filter .current-selection').text(value);   

    }).fadeIn();
});