Как добавить к $(this) ещё слова?

Question

[cehka]

Знаю что заголовок ужасен, но не могу выразить мысль. Объясню на коде:

$(document).ready(function() {
    var block = $(".benefits-block")

    block.mouseenter(function(){
        $(this).toggleClass()
    });

  });

Здесь, при наведении на блок "benefits-block" нужно что бы появлялся дополнительный класс у его дочерних элементов. Например есть дочерний элемент div с классом "benefits-block__number",мне нужно что бы к этому классу добавилось слово "_enabled" или класс "benefits-block__number_enabled"

Comments

[eternalfire]

$(this).children('benefits-block__number').removeClass('benefits-block__number').addClass('benefits-block__number_enabled')

Answer 1

[yakupov112]

$(document).ready(function() {
    var block = $(".benefits-block");

    block.mouseenter(function(){
        $(this).toggleClass();
        $(this).find(".benefits-block__number").addClass("benefits-block__number_enabled").removeClass("benefits-block__number");
    });

  });

Comments

[cehka]

А он будет искать ".benefits-block__number" если он сам уже ".benefits-block" ?

[yakupov112]

с точки зрения js это разные классы

Answer 2

[Никита Егоров]

Сорян что без jq, просто мне нативным js быстрее
Вот пример, где все работает - https://jsfiddle.net/mjhk35av/2/

const block = document.querySelector('.benefits-block')
const childrenArray = block.children

block.addEventListener('mouseenter', function() {
    for (let i = 0; i < childrenArray.length; i++) {
       childrenArray[i].classList.add('enabled')
    }
})

Comments

[cehka]

Суть понял, но 1 вариант как то по компактнее будет, но спасибо за ответ!)

[Никита Егоров]

cehka, это ведь нативный js. )

[cehka]

Никита Егоров, Ещё вчера отметил, но почему то сбилось))