var imgWidth = $(".innerwraper img:first-child").eq(0).width();这里的eq(0)起到什么作用?

var imgWidth = $(".innerwraper img:first-child").eq(0).width();

获取innerwraper类名下的第一张img子元素,在获取他的宽度不就行了,为什么还要加个eq(0)?

慕数据8205576
浏览 1015回答 1
1回答

聪明的汤姆

建议你输出一下看看$(".innerwraper img:first-child")到底是不是获取到了第一个元素,你得明白这里得:first-child的匹配规则是css中的匹配规则,跟html格式有关这种格式才生效,img之间必须是兄弟关系<div class="innerwrapper">   <img> // first-child   <img> // last-child </div>像这种就不会,这里的两个img都是first-child<div class="innerwrapper">   <div class="imgwrapper">     <img> // first-child   </div>   <div class="imgwrapper">         <img> // first-child     </div> </div>所以,你那句代码$(".innerwraper img:first-child")可能还是获取到了所有img的集合,因此加上eq(0)也没毛病,建议你先分别输出一下,看看到底是什么望采纳!
打开App,查看更多内容
随时随地看视频慕课网APP