jquery第n个孩子点击

前端之家收集整理的这篇文章主要介绍了jquery第n个孩子点击前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码

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);
      });

  });

编辑:我现在得到:未捕获异常:语法错误,无法识别的表达式::nth-​​child

如何点击第n个孩子使用jquery并得到像CSS这样的项目编号?例如:我点击第二个,jquery将返回2

解决方法

$(document).ready(function() {
  $('.nav div').click(function() {
      var index = $(this).index();
      console.log(index);
  });
});

索引为零

猜你在找的jQuery相关文章