Jquery:在父div内的索引处选择子div

Question

如果我有:

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

我尝试过:$('#parent> table > tr:eq(1) > div');

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

var div2 = $('#child2');

但我宁愿用 parent 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 是第二个子元素。