jquery中通过父级查找进行定位示例
更新时间：2013年06月28日 15:55:44 作者：
如果想要查找到有icon这个class的span除了用原始的代码还可以用父级查询的方法进行定位，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
复制代码 代码如下:
<ul id=“newslist”>
<li> <span class="fr w160 tl">2013-06-24</span>
<span class="news_list_icon fl mr8 icon" ></span>
<span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身体健康，万事如意</a></span>'
</li>
</ul>
如果想要查找到有icon这个class的span（对其进行操作，将news_list_icon换为news_list_icon_hover），除了用原始的代码
复制代码 代码如下:
$("#newslist li").hover(function(){
$("#newslist li").find(".icon").addClass("news_list_icon_hover") },function（）{ $("#newslist li").find(".icon").removeClass("news_list_icon_hover") } );
还可以用父级查询的方法进行定位，具体如下：
复制代码 代码如下:
function changeReadIconOver(alink) {
$(alink).parent().parent().find(".icon").addClass("news_list_icon_hover");
}
function changeReadIconOut(alink) {
$(alink).parent().parent().find(".icon").removeClass("news_list_icon_hover");
}
$(alink).parent(): 指的是<span class="fl">这个标签
$(alink).parent().parent(): 指的是<li>这个标签$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
相关文章
这篇文章主要介绍了jQuery实现公告新闻自动滚屏效果实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。这篇文章主要介绍了DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Jquery简单实现GridView行高亮的方法,实例分析了jQuery页面元素的选择与属性操作的相关技巧,需要的朋友可以参考下2015-06-06
jquery 输入框数字限制插件，需要的朋友可以参考下。2009-11-11
html文件中jquery与velocity变量中的$冲突的解决方法
在使用velocity模版引擎的环境下，使用jquery时其中$与velocity变量中的$冲突，下面有个不错的解决方法，感兴趣的朋友可以参考下2013-11-11
这篇文章主要介绍了jQuery实现当前页面标签高亮显示的方法,涉及jQuery通过自定义函数操作css样式的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了常用jQuery选择器总结,总结的很简洁,很容易看明白和学会它,需要的朋友可以参考下2014-07-07
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID"),使用jquery的朋友可以参考下。2011-08-08
这篇文章主要为大家详细介绍了jQuery实现购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
尽管听说jquery的大名几年了，但是一直没有使用过。这两天想在项目中使用被一些小细节折腾的够呛，看来jquery没有传说中的那么好学。2011-04-04
最新评论