jquery的find函数示例！！

find函数：.find( selector )

这里的selector就是选择器的意思，jquery　的选择器比较复杂，可以去学习下

<div id="divImgDesc" class="img_txtarea"><li><a href="#p=6KKQOCCO00MK0005" mce_href="#p=6KKQOCCO00MK0005" hidefocus="true"><img src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQOCCO00MK0005.jpg" mce_src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQOCCO00MK0005.jpg" alt="NBA赛场花絮大餐：灌篮杂技热舞" /></a><h2>盘点NBA赛场精彩花絮：杂技灌篮热舞一样都不缺</h2><p> </p><i title="img">http://img3.cache.netease.com/photo/0005/2010-11-04/6KKQOCCO00MK0005.jpg</i><i title="timg">http://img4.cache.netease.com/photo/0005/2010-11-04/t_6KKQOCCO00MK0005.jpg</i></li><li><a href="#p=6KKQ9B1700MK0005" mce_href="#p=6KKQ9B1700MK0005" hidefocus="true"><img src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ9B1700MK0005.jpg" mce_src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ9B1700MK0005.jpg" alt="花絮一：灌篮" /></a><h2>花絮一：灌篮</h2><p>休斯顿丰田中心，火箭的啦啦队女郎蒙住眼睛将篮球扣入篮框，表演难度之高，令人不禁叫好。</p><i title="img">http://img3.cache.netease.com/photo/0005/2010-11-04/6KKQ9B1700MK0005.jpg</i><i title="timg">http://img4.cache.netease.com/photo/0005/2010-11-04/t_6KKQ9B1700MK0005.jpg</i></li><li><a href="#p=6KKQ920500MK0005" mce_href="#p=6KKQ920500MK0005" hidefocus="true"><img src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ920500MK0005.jpg" mce_src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ920500MK0005.jpg" alt="魔术女郎" /></a><h2>魔术女郎</h2><p>佛罗里达州，奥兰多魔术对阵丹佛掘金队的比赛间歇，表演者爱丽儿进行双手扣篮表演。</p><i title="img">http://img3.cache.netease.com/photo/0005/2010-11-04/6KKQ920500MK0005.jpg</i><i title="timg">http://img3.cache.netease.com/photo/0005/2010-11-04/t_6KKQ920500MK0005.jpg</i></li><li><a href="#p=6KKQ93MB00MK0005" mce_href="#p=6KKQ93MB00MK0005" hidefocus="true"><img src="http://img3.cache.netease.com/photo/0005/2010-11-04/s_6KKQ93MB00MK0005.jpg" mce_src="http://img3.cache.netease.com/photo/0005/2010-11-04/s_6KKQ93MB00MK0005.jpg" alt="魔术女郎" /></a><h2>魔术女郎</h2><p>佛罗里达州，奥兰多魔术对阵丹佛掘金队的比赛间歇，表演者爱丽儿进行跨下换手扣篮表演。</p><i title="img">http://img3.cache.netease.com/photo/0005/2010-11-04/6KKQ93MB00MK0005.jpg</i><i title="timg">http://img3.cache.netease.com/photo/0005/2010-11-04/t_6KKQ93MB00MK0005.jpg</i></li><li><a href="#p=6KKQ955E00MK0005" mce_href="#p=6KKQ955E00MK0005" hidefocus="true"><img src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ955E00MK0005.jpg" mce_src="http://img4.cache.netease.com/photo/0005/2010-11-04/s_6KKQ955E00MK0005.jpg" alt="魔术女郎" /></a><h2>魔术女郎</h2><p>休斯顿丰田中心，火箭的啦啦队女郎蒙住眼睛将篮球扣入篮框，表演难度之高，令人不禁叫好。</p><i title="img">http://img3.cache.netease.com/photo/0005/2010-11-04/6KKQ955E00MK0005.jpg</i><i title="timg">http://img3.cache.netease.com/photo/0005/2010-11-04/t_6KKQ955E00MK0005.jpg</i></li></div

上面是HTML的源码 

我想取得上面HTML里面的i标记里的两种图片，还有对这些图片的描述

那么可以这样做，这里用到遍历函数each，这也是一个非常有意思的函数

其用法为，.each(obj,callback)

var imgBig=new Array(); var imgSmall=new Array(); var desc1=new Array(); var desc2=new Array(); $.each($("#divImgDesc").find("h2"), function(){ desc1.push($(this).html()); }); $.each($("#divImgDesc").find("p"), function(){ desc2.push($(this).html()); }); $.each($("#divImgDesc").find("i[title='img']"), function(){ imgBig.push($(this).html()); }); $.each($("#divImgDesc").find("i[title='timg']"), function(){ imgSmall.push($(this).html()); });

我们看到find函数的几个用法，大家可以试试，非常好用