从html元素内的所有图像中选择第n个图像

Question

请考虑以下HTML代码

<div id="maindiv">
<img/>
<p><img/></p>
<p><img/></p>
<div><div><img/></div></div>
<div><img/></div>
<img/>
</div>

您可以看到<img/>内共有6个img <div id="maindiv">标签。 我需要选择<div id="maindiv">

内的第一个（或第n个）图像

Answer 1

$("#maindiv img:eq(1)") 

会工作吗？其中1是基于0的索引。

Answer 2

您可以使用.eq()，

  

将匹配元素集合减少到指定索引处的元素。

$('#maindiv img').eq(0); // For first

OR

您也可以使用:eq()运算符。

$('#maindiv img:eq(0)'); // For first