我有以下代码:
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); }); });
索引为零