Применение кода только к родительскому элементу выбранного элемента в JQuery - PullRequest
Новая
       5

Применение кода только к родительскому элементу выбранного элемента в JQuery

0 голосов
/ 23 марта 2020

Как применить код только к родительскому элементу выбранных элементов в JQuery, а не ко всем?

HTML

<div class="box">

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

</div>

JQUERY

$('.box-li .click').click(function(){
    $('.box-li .hide').fadeOut();
});

1 Ответ

0 голосов
/ 23 марта 2020

Вы можете использовать .parent() до go от элемента до его родителя. И чтобы сделать это, вам также нужно использовать контекст this - каждый обратный вызов назначает this тем элементом, которым он в настоящее время является целью. Вы можете обернуть его в jQuery объект $(this) и затем перейти к родителю: 

$('.box-li .click').click(function(){
    $(this).parent().fadeOut();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box">

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

</div>
...