Простой jQuery с родителями я прошу

Question

Простой jQuery с родителями я прошу

0

Я застрял, я хочу переместить отдельно класс.inner в USP! я не понимаю, как это работает

Как решить эту проблему?

HTML

<div class="usps">
    <div class="dienst">
        <div class="inside">
            <div class="inner">
                <h2>Dakbedekking</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
            </div>
        </div>
        <div class="bottom"></div>
    </div>
</div>
<div class="usps">
    <div class="dienst">
        <div class="inside">
            <div class="inner">
                <h2>Dakbedekking</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, labore.</div>
            </div>
        </div>
        <div class="bottom"></div>
    </div>
</div>

JQuery

$('.usps').hover(function(){ 
     $('.inner').toggleClass('up');
     $('.bottom').toggleClass('red');
});

Nielsvandijkje 22 март 2014, в 12:42

Источник

0

Можете ли вы объяснить подробно, что вы пытаетесь сделать здесь?
Mr. Alien 22 март 2014, в 11:21

Теги:

jquery

css

1 ответ

Ещё вопросы

Можете ли вы объяснить подробно, что вы пытаетесь сделать здесь?

Arun P Johny · Accepted Answer · 2014-03-22T08-28-00.000Z

Вам нужно ориентировать относительные элементы - в вашем случае я думаю, что вы хотите найти элементы .inner и .bottom в usps элементе usps

$('.usps').hover(function(){ 
     $(this).find('.inner').toggleClass('up');
     $(this).find('.bottom').toggleClass('red');
});

Демо: скрипка

this внутри обработчика hover будет ссылаться на usps элемент usps, поэтому вы можете использовать эту ссылку для поиска inner и bottom элементов в текущем элементе usps.