javascript - jQuery选择器的奇怪问题

Question

我在上一篇文章中有一个问题。

如何选择div下的第二个表结构？

我有一个新的 html 集，就像

<div class ='tableDiv'>
  <table class='table'>
    ....
  </table>

  <table class='table'>
    ....
  </table>

  <table class='table'>
    ....
  </table>


</div>

...other stuff...

<div class ='tableDiv'>
  <table class='table'>
    ....
  </table>

  <table class='table'>
    ....
  </table>

  <table class='table'>
    ....
  </table>

</div>

other stuff

<div class ='anotherTableDiv'>
  <table class='table'>
    ....
  </table>

  <table class='table'>
    ....
  </table>
</div>

我正在尝试在“ tableDiv” div 下选择每隔一个表。

从我得到的最后一个帖子。

$('.tableDiv table:even); as my last post answer

但是，我现在在 ' tableDiv' div 下有 3 个表，选择器似乎从第一个 ' tableDiv' 中选择第二个表和第二个 ' tableDiv'上的第一个表

这很奇怪，因为我认为even会从每个中选择第二个div。

任何人都可以帮助我吗？非常感谢！

Answer 1

jsFiddle Demo

尝试使用nth-child选择器

$('.tableDiv table:nth-child(2)');//not 0 based

Answer 2

You'll need to change the selector so it gets the even tables from within each .tableDiv, right now it gets all the tables in the selector, and then selects the even tables from all tables etc.

You can do this easily by using find() or the context selector :

$('table:even', '.tableDiv')

This wont get you the second table, but the first and third, as that is what :even does (as noted in the comments, it's zero based, use :odd instead to get the second tables)

FIDDLE

Answer 3

您将第三个表 div 的类名设置为“anotherTableDiv”，但 Jquery 的目标是“.tableDiv”类。要么更改类的名称，要么单独创建一个 Jquery 来定位第三个表。