jQuery 간접 접근 후 컨트롤 제어

jQuery가 쉽긴 하지만 정확히 인지하고 사용하지 않으면 조금만 응용하려해도 막히는것도 사실이다.

일전에 잠시 다뤘던 배열 컨트롤에 대한 제어를 다시 떠올려보자

대부분 동일한 클래스명을 통해 접근 후 제어를 하게 된다.

이렇게 해당 컨트롤이 위치한 tr에 속한 컨트롤을 접근하듯이

            var row = $(this).closest('tr');

            var objTarget = row.find('.S_IDX');        

            

selectbox의 option을 한번에 날리는 empty() 함수야 

objTarget.empty(); <-- 이렇게 처리하면 잘 동작하지만

선택된 녀석의 text를 찾는등 추가 인자가 들어가는 상황의 함수라면 이야기가 달라진다.

이런식으로 접근해서 text를 얻어오는게 일반적이지만 

$(#selectBox option:selected").text();

배열 컨트롤이므로 위에서 언급한대로 object를 구한 상태에서 접근해야 하므로 objTarget를 통해 아래처럼 접근을 시도해보면 동작하지 않음을 확인할 수 있다. 

$(objTarget option:selected").text(); ???

(objTarget option:selected").text(); ???

objTarget.(option:selected").text(); ???

결론은 이렇게 하면 된다.

$('option:selected', objTarget).text();