jquery 에서 부모 급 찾기 를 통 해 포 지 셔 닝 예제

1409 단어 jquery아버지찾다
 
<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 을 찾 으 려 면 newslist_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():
  • 이 태그$(alink).parent().parent().find("icon"):원 하 는 요 소 를 찾 을 수 있 습 니 다.
  • 좋은 웹페이지 즐겨찾기