jQuery를 사용하여 특정 클래스 이름을 가진 객체의 "조상"을 얻는 신뢰할 수있는 방법

Question

select 양식 요소의 change 이벤트에서 호출되는 javascript 함수가 있습니다. 따라서 js의 "this"변수는 select 요소를 참조합니다.

이 선택 요소는 tr 태그의 td 태그에 있습니다. tr 태그의 클래스 이름은 "FilterDetailsRow"입니다.

지금, 나는 테스트했습니다, 나는이 구문을 사용하는 경우 :

var filterRow = $(this).parent().parent(); 

그것은 내가 원하는 걸 얻을 수 있습니다. 그러나 "FilterDetailsRow"클래스 이름을 찾을 때까지 "this"로 시작하는 jQuery에 더 좋은 방법이 있습니까?

다음은 내가 생각해 낸 것입니다. 나는 바퀴를 재발 명하지 않도록하고 싶다.

function GetFilterDetailsRowOfObject(o) { 
    if (o) { 
     if (o.parent()[0].className.indexOf("FilterDetailsRow") != -1) 
      return o; 
     else 
      return GetFilterDetailsRowOfObject(o.parent()); 
    } else { 
     return null; 
    } 
} 

어떤 조언을 주셔서 감사합니다.

Answer 1

당신은 첫 번째 일치 조상을 찾기 위해 closest를 사용할 수 있습니다

이

var filterRow = $(this).closest('.FilterDetailsRow'); 

Answer 2

jQuery를 1.4에서 당신이 parentsUntil를 사용할 수 있습니다. 당신을 위해 그것은 무언가 일 것입니다

$(this).parentsUntil('.FilterDetailsRow');