Question

如果我有：

<div id='parent'> 
  <table> 
        <tr> 
            <td> 
                <div id='child1'></div> 
            </td> 
        </tr> 
        <tr> 
             <td> 
                <div id='child2'></div> 
             </td> 
        </tr> 
    </table>
 </div>

我试过：$（'＃parent＆gt; table＆gt; tr：eq（1）＆gt; div'）;

我想在其索引中选择某个子div。例如，我想选择第二个子div child2。一个简单的解决方案是：

var div2 = $('#child2');

但我更愿意使用父 div：

这样做

var div2 = $('#parent div')...get(1); // 1 is the index.

这可能吗？

Answer 1

您可以使用:eq() selector之类的this：

来执行此操作

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

如果它是动态的并且您需要将其传入，请使用.eq()之类的this：

$("#parent > div").eq(1)

在这两个中我们都使用1因为它是一个从0开始的索引，所以1是第二个孩子。

Answer 2

您需要children()功能

E.g：

$（ '＃父'）的儿童（）[1];

Answer 3

使用:nth-child()选择器。

E.g。

$('#parent div:nth-child(2)');

因评论而更新

$('#parent > div:nth-child(2)');

Answer 4

有几种简单的方法可以做到这一点：

var div2 = $("#parent > div:eq(1)")

使用“eq”选择器时，请注意它是从零开始的，所以这实际上会选择#parent div中的第二个div。

第二种方式是：

var div2 = $("#parent > div:nth-child(2)")

“nth-child”选择器不是基于零的，因此“nth-child（2）”也将选择第二个div。您还可以通过“nth-child（偶数）”和“nth-child（odd）”选择奇数和偶数div。它甚至会评估括号中的方程式 - 您可以在jQuery文档here中阅读更多相关内容。

Jquery：在父div中的索引处选择一个子div

4 个答案: