如图，我想点击第n个li则第n个p和第n个th隐藏，怎么没效果？

Question

<script> $("ul li:nth-child(n)").click(function(){ $(".id p:nth-child(n)").hide(); $("table tr th:nth-child(n)").hide(); }); </script>

Answer 1

$('ul li').click(function(){    var index = $(this).index()    $('.id p').eq(index).hide()    $('table tr th').eq(index).hide()})

div:nth-child(n)    代表div里面的所有子元素

div:nth-child(2n)    代表div里面的双数元素 0，2，4，6，8，......

div:nth-child(2n+1)   代表div里面的单数元素 1，3，5，7，9，......