当其他子元素也存在时,如何选择(在jquery中)第n个子div

当其他子元素也存在时,如何选择(在jquery中)第n个子div,jquery,Jquery,我有类似以下html的内容: <div id="foo"> <div>...</div> <p>...</p> <div>...</div> <p>...</p> <hr /> <div>...</div> <div>...</div> </div> 给我第一个p标签而不是第二个div。尝

我有类似以下html的内容:

<div id="foo">
  <div>...</div>
  <p>...</p>
  <div>...</div>
  <p>...</p>
  <hr />
  <div>...</div>
  <div>...</div>
</div>
给我第一个p标签而不是第二个div。

尝试在此处使用

试着用这里

您的jquery将是

$("#foo").find('div:eq(1)')
更具体地说,如果child也包含另一个div,则必须使用child选择器

$("#foo > div:eq(1)")
您的jquery将是

$("#foo").find('div:eq(1)')
更具体地说,如果child也包含另一个div,则必须使用child选择器

$("#foo > div:eq(1)")

使用筛选器
n个子项
给出分区的
子项
。。。使用
:n类型(n)
:eq(n)
@ArunPJohny您链接的文本最初让我感到困惑…)使用筛选器
n个子项
给出div的
子项
。。。使用
:n类型(n)
:eq(n)
@ArunPJohny您链接的文本最初让我感到困惑…)这也行得通。埃米特对我来说更有意义though@Graham更有意义…?:好的。。这完全是你的愿望!:)@格雷厄姆:两种代码都是一样的。“>”符号用于选择子元素而不是子元素。通过使用这个符号,你将得到独子元素而不是子元素。是的,我知道-它是主观的,但每个元素都有自己的:-)@Graham我总是喜欢专家的意见。。我不知道你是怎么想的这也行。埃米特对我来说更有意义though@Graham更有意义…?:好的。。这完全是你的愿望!:)@格雷厄姆:两种代码都是一样的。“>”符号用于选择子元素而不是子元素。通过使用这个符号,你将得到独子元素而不是子元素。是的,我知道-它是主观的,但每个元素都有自己的:-)@Graham我总是喜欢专家的意见。。我不知道你在这方面的想法。@Graham:是的,它是零基的。@Graham:是的,它是零基的。