jquery nth-child click

Question

jquery nth-child click

У меня есть следующий код:

css:

nav div:nth-child(1) { background: red; }
nav div:nth-child(2) { background: blue; }
nav div:nth-child(3) { background: yellow; }

html:

<nav>
 <div>item #1</div>
 <div>item #2</div>
 <div>item #3</div>
</nav>

jquery:

  $(document).ready(function() {

      $('.nav div:nth-child').click(function) {
          console.log(this);
      });

  });

edit: Теперь я получаю: неперехваченное исключение: синтаксическая ошибка, нераспознанное выражение:: nth-child

Как щелкнуть по nth-потомку с помощью jquery и получить номер элемента, как это делают CSS? например: я нажимаю на второй, jquery вернет 2

26

jquery html5 click

задан chris Frisina 27 September 2014 в 02:33

1 ответ

Другие вопросы по тегам:

jquery html5 click

Похожие вопросы:

score 0 · Answer 1

Скажем, вы хотите нажать Nth of 1; ist и сделать что-нибудь с Nth другого списка. Вы должны будете использовать.

 $(document).ready(function() {
     $(".nav div").on("click", function() {
          var index = $(this).index();
          console.log(index); // Zero Based
          $(".other-nav div:nth-child(" + (parseInt(index) + 1) + ")").show();
     });
 });