2011-10-07 4 views
2

.find_class에 마지막 자식 요소 (클래스 div new3)의 클래스 이름을 가져 오려고하지만 코드에서 select3 클래스를 제공합니다. 어떻게 해결할 수 있습니까?div에서 클래스 이름 가져 오기

데모 :http://jsfiddle.net/gBxan/5/

<div class="find_class mediumCell"> 
    <div class="new1 old1"> 
     <div class="select1"></div> 
    </div> 
    <div class="new2 old2"> 
     <div class="select2"></div> 
    </div> 
    <div class="new3 old3"><!-- I want to get this div's class name 'new3' --> 
     <div class="select3"></div> 
    </div> 
</div> 

var find = $('div.find_class div:last').attr('class'); 
alert(find); 

답변

7

를 사용하여 자식 셀렉터 (>) :

var find = $('div.find_class > div:last').attr('class'); 

바이올린 : 또한 http://jsfiddle.net/gBxan/6/
참조 : MDN - CSS Selectors

+0

문서 http://api.jquery.com/last-selector/에 따라': last'는'.filter' 또는'.last'를 사용하여 분리되어야합니다. 이 예제에서는 성능이 큰 문제는 아니지만 일반적으로 염두에 두는 것이 좋습니다. –

+0

이 html과 같이 여러 find_class에 대해 어떻게 표시됩니까? http://jsfiddle.net/gBxan/8/ –

+0

@AliciaCibrian http://jsfiddle.net/gBxan/9/을 참조하십시오. JQuery에서 컨텍스트는 두 번째 인수 여야한다 :'$ ("div : last", this)'. 함수 외부에 임시 변수를 만들고 그 안에 변수를 저장하십시오. –

2
$('.find_class').children(':last').attr('class'); 
+0

이 html과 같이 여러 find_class를 어떻게 사용합니까? http://jsfiddle.net/gBxan/8/ –

관련 문제