내 HTML 코드는 다음과 같습니다. 내가의 라디오를 클릭하면jQuery에서 특수 div를 선택하는 방법
<div class="area" id="area-1">
<div class="input">
<input type="radio" class="active-radio">
<input type="radio" class="no-active-radio>
<input type="radio" class="no-active-radio>
</div>
</div>
<div class="area" id="area-2">
<div class="input">
<input type="radio" class="no-active-radio>
<input type="radio" class="active-radio">
<input type="radio" class="no-active-radio>
</div>
</div>
"# 지역-1", 나는에 다른 라디오 클래스 "액티브 라디오를"제거 할 "지역 - (I 무선 입력의 특별한 디자인을 가지고) 1 "이지만"영역 -2 "에는 없습니다.
div .area가 많아서 스크립트의 div id를 매번 지정하지 않으려합니다.
JS :
var thisArea = this.closest(".area");
$(thisArea + " .input input[type='radio']").parent().removeClass('active-radio').addClass('no-active-radio');
$(this).addClass('active-radio').removeClass('no-active-radio');
기본적 I는 클릭 라디오와 같은 라디오 .area의 입력을 포함하는 모든 .input을 선택하고 싶다.
나는 문제가이 부분에서 오는 생각 :
thisArea + " .input input[type='radio']"
닫는 따옴표가 'no -active-radio' 클래스? – CDspace