Jquery function 应该适用于子类，而不是适用于所有类

Question

A have a this jquery function....

$(".rolled-wrap").on('click', function() {
     $(this).each(function() {
        $('.button-text span').text($('.button-text span').data('hover'));
        $('.button-text span').attr("data-hover", $('.button-text span').data('hover'));
    });
}); 

this function need working only for subclasses, current.rolled-wrap (eg .rolled-wrap (this).button-text span)..... however clicking on one class, result summbit for all.button-text span.... I do not know what to do, I will be grateful for any help. thank you in advance

Answer 1

To look inside the target element use .find()

$(".rolled-wrap").on('click', function() {
     $(this).find('.button-text span').text($('.button-text span').data('hover'));
     $(this).find('.button-text span').attr("data-hover", $('.button-text span').data('hover'));
});