jquery中通过父级查找进行定位示例

<br><ul id=“newslist”> <br><li> <span class="fr w160 tl">2013-06-24</span> <br><span class="news_list_icon fl mr8 icon" ></span> <br><span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身体健康，万事如意</a></span>' <br></li> <br></ul> <br> <br>如果想要查找到有icon这个class的span（对其进行操作，将news_list_icon换为news_list_icon_hover），除了用原始的代码 <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>$("#newslist li").hover(function(){ <br>$("#newslist li").find(".icon").addClass("news_list_icon_hover") },function（）{ $("#newslist li").find(".icon").removeClass("news_list_icon_hover") } ); <br> <br>还可以用父级查询的方法进行定位，具体如下： <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>function changeReadIconOver(alink) { <br>$(alink).parent().parent().find(".icon").addClass("news_list_icon_hover"); <br>} <br>function changeReadIconOut(alink) { <br>$(alink).parent().parent().find(".icon").removeClass("news_list_icon_hover"); <br>} <br> <br>$(alink).parent(): 指的是<span class="fl">这个标签 <br>$(alink).parent().parent(): 指的是<li>这个标签$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了</li><li>            </li><li>                                </li></ol></pre></li></ol></pre>