这篇文章主要介绍了 js 中如何通过父级进行查找定位元素, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <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(): 指的是
这个标签 $(alink).parent().parent(): 指的是来源: