모바일 & 앱
jQuery 간접 접근 후 컨트롤 제어
Hippalus
2017. 9. 21. 09:11
반응형
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();
반응형