【问题标题】:How can I select nth child of an nth child using jquery?如何使用 jquery 选择第 n 个孩子的第 n 个孩子?
【发布时间】:2012-06-26 19:29:11
【问题描述】:

我怎么能在 jquery 中做这些?

  1. 第 n 个孩子的第 n 个孩子
  2. 第 n 个孩子的第一个孩子
  3. 第 n 个孩子的后裔(子女或孙子女)是图像

编辑:我正在使用一个变量来访问这样的“孩子”

var number = ( ... code ...) ;
.... eq(number)

所以我什么也做不了

$('li:nth-child(2) li:nth-child(2)')

【问题讨论】:

    标签: jquery css


    【解决方案1】:

    将两者结合起来?

    //1
    $(":nth-child(2) :nth-child(3)")
    //2
    $(":nth-child(2) :first-child")
    //3
    $(":nth-child(2) img")
    

    以与 css 样式表相同的方式进行操作。

    var number = 2;
    //1
    $(":nth-child(" + number + ") :nth-child(" + number + ")")
    //2
    $(":nth-child(" + number + ") :first-child")
    //3
    $(":nth-child(" + number + ") img")
    

    【讨论】:

    • 谢谢抱歉,我忘了在我的问题中提到第 n 个来自一个变量,需要以另一种方式执行 eq()。我已经修改了我的问题
    • 所以number 是一个包含子编号的变量?你的问题现在还不清楚。
    • 你仍然可以使用相同的选择器,":nth-child(" + number + ")...
    • 你为什么要使用:inth-child:nth-child 在那里不起作用?
    • 我认为这也是一个错字,那个选择器不存在。
    猜你喜欢
    • 2017-03-11
    • 1970-01-01
    • 2012-06-13
    • 2012-07-22
    • 1970-01-01
    • 1970-01-01
    • 2023-03-16
    • 2013-06-06
    • 1970-01-01
    相关资源
    最近更新 更多