Как я могу уменьшить количество дочерних элементов, которые я использую в своих функциях jQuery?

Мне кажется, что мне нужно использовать слишком много .children ( ) в некоторых моих функциях jQuery.

Вот мой HTML:

<div class="goal-small-container">
  <div class="goal-content">
    <div class="goal-row">
      <span class="goal-actions">

А вот мой jQuery:

$('.goal-small-container').hover(function() {
  $(this).children('.goal-content').children('.goal-row').children('.goal-actions').css({visibility: "visible"});
}, function () {
  $(this).children('.goal-content').children('.goal-row').children('.goal-actions').css({visibility: "hidden"});
});

Есть ли способ лучше? Как уменьшить количество дочерних элементов, которые я использую в своих функциях jQuery?

17
задан Community 13 September 2018 в 16:12
поделиться