Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Определения первого/последнего класса. (https://javascript.ru/forum/jquery/20653-opredeleniya-pervogo-poslednego-klassa.html)

Beriagts 12.08.2011 14:50

Определения первого/последнего класса.
 
Написал слайдер, возникла необходимость сделать дисабле кнопок вперед назад, код примерно такой
<div class="slider">
<div class="prev"></div>
    <div class="thmb active"></div>
    <div class="thmb"></div>
    <div class="thmb"></div>
    <div class="thmb"></div>
<div class="next"></div>
</div>

Класс "актив" меняет свое положения от нажатия кнопки,
Теперь я хочу написать скрипт когда класс актив стоит на первом элементе то класс prev меняет бг, когда на последнем тогда класс next темнеет.
$('.slider').find('.thmb:first').hasClass('.active')

Такой код с консоль мне всегда возвращает false.

devote 12.08.2011 14:54

$('.slider').find('.thmb:first').hasClass('active')

walik 12.08.2011 14:55

мб название класса писать без точки ?
.hasClass('active')

Beriagts 12.08.2011 14:59

спасибо

Beriagts 12.08.2011 15:53

Подскажите еще насчет метода change.
Я так понял мне нужно следить за элементом "Active"
$('.active').change(function(
   if($('.slider').find('.thmb:first').hasClass('active').length)
  {
 $('.prev').css({backgroundColor: '#fff', border: '1px solid #ccc'})
   }
 if($('.slider').find('.thmb:flast').hasClass('active').length)
  {
 $('.next').css({backgroundColor: '#fff', border: '1px solid #ccc'})
   }

             
            ));

walik 12.08.2011 16:00

Так change вроде только с элементами формы работает ?

melky 12.08.2011 16:18

в mt, например, можно вешать onchange на всю форму

до чего дошел прогресс :)

стоп... а что за элемент .active ?

Beriagts 12.08.2011 16:22

класс .active цепляется к картинки которая активна.

Beriagts 12.08.2011 17:23

так как мне сделать правильно проверку положения класса .active? каким методом?

ваый 12.08.2011 19:12

var $slider = $('.slider');
if ($slider.find('.thmb:first-child').is('.active')) {
    $slider.find('.prev').addClass('inactive');
}


Часовой пояс GMT +3, время: 12:41.