如何使用jquery获取div的集合？

Question

我想得到第二个img：

<form id="formElem" name="formElem" action="" method="post">
                    <fieldset class="step">
                        <img src="1.jpg" >
                    </fieldset>
                    <fieldset class="step">
                        <img src="2.jpg" >
                    </fieldset>
                    <fieldset class="step">
                        <img src="3.jpg" >
                    </fieldset>
                </form>

我尝试过这样的事情：

var imgSRC = $("div[id ='step']").get(1).find('img').attr('src'); 
alert(imgSRC);

什么都没有......

Answer 1

像这样使用：

var imgSRC = $('#formElem').find('fieldset').eq(1).find('img').attr('src');

...或

var imgSRC = $('#formElem fieldset:eq(1) > img').attr('src');

虽然前者更适合打字，但更快。由于后者调用 Sizzle 来查询元素，因此输入的内容较少但速度较慢！

参考文献：.find()，.eq()