Jquery addClass/Remove Class on click не работает

[Vov4uk]

Подскажите пожалуйста в чем моя ошибка, почему не работает такой код?

HTML

<nav>
  <ul>
    <li><p>Головна</p></li>
    <li><p>Про нас</p></li>
    <li><p>Про нас</p></li>
  </ul>
  <script>
    $(document).ready(function () {
      $('ul li:first-child').addClass('checked');
      $('ul li p').click(function () {
        $('ul li').removeClass('checked');
        $(this).addClass('checked');
      } );
    } );
  </script>
</nav>

CSS

.checked {
  height: 40px;
  background: #000;
}

[Sensei]

http://jsfiddle.net/2AZ2M/

[Zverushka]

$('ul li p').click(function () { $('ul li').removeClass('checked'); $(this).addClass('checked');

Удаляете классы у всех элементов li, а присваите класс элементу p (который this). Поэтому и не работает.

Из кода надо всего-то убрать p

  <script>
	    $(document).ready(function () {
		  $('ul li:first-child').addClass('checked');
		  $('ul li').click(function () { // p убрали, все заработало
			    $('ul li').removeClass('checked');
			    $(this).addClass('checked');
		  } );
	    } );
  </script>

Edited July 26, 2013 by Zverushka

[antonKar]

$('ul li:first-child')

:first же вроде. Или :first-child тоже работать будет?

[Catherine]

$('ul li:first-child')

:first же вроде. Или :first-child тоже работать будет?

это легко узнать http://api.jquery.co...child-selector/

и проверить http://jsfiddle.net/Cath_kb/2AZ2M/1/

[SelenIT]

:first же вроде. Или :first-child тоже работать будет?

Это разные вещи:

The :first pseudo-class is equivalent to :eq(0). It could also be written as :lt(1). While this matches only a single element, :first-child can match more than one: One for each parent.

Псевдокласс :first эквивалентен :eq(0). Его также можно записать как :lt(1). Тогда как это выбирает лишь единственный элемент, :first-child может выбрать более одного: по одному для каждого родителя.

Кроме того, :first-child работает и в CSS/ванильном JS, а :first — чисто JQ-шный «сахарок».

[Vov4uk]

Всем большое спасибо. Разобрался. Как писал Zverushka ошыбка в элементе p.