jquery 선택자 질문입니다. 채택완료
선구자
8년 전
조회 4,430
</p><p><form id="form1"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><radio name="radio" id="radio_Y" value="Y" class="radio" >Y</radio></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><radio name="radio" id="radio_N" value="Y" class="radio" >Y</radio></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input id="id1" name id="id1" value="Equal" class="input" /></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input id="id2" name id="id2" value="test" class="input" /></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select id="sel1" value='Equal"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option>1</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p></form></p><p><form id="form2"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><radio name="radio" id="radio_Y" value="Y" class="radio" >Y</radio></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><radio name="radio" id="radio_N" value="Y" class="radio" >Y</radio></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input id="id1" name id="id1" value="Equal" class="input" /></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input id="id2" name id="id2" value="test" class="input" /></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select id="sel1" value='Equal"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option>1</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p></form></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$.each(data, function(i, j) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#form1 #" + i ).val(j);</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$.each(data, function(i, j) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#form2 #" + i ).val(j);</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if($("#form2 #" + i ).val() == "Equal"){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#form2 #" + i ).remove();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p> </p><p> </p><p>1. form 이 두개 있습니다.</p><p style="margin-left: 40px;">*<span style="font-size: 14.6667px;">폼도 2개이고 각 요소의 아이디도 2개입니다.</span></p><p>2. 안의 input폼, id도 같습니다.</p><p>2. id를 구분하여 접근하기 위해서 $("#form1 #id") 이렇게 접근합니다.</p><p>3. 반복문을 돌려서 오른쪽 폼 form2의 input, radio, select의 value값이 "Equal"인 요소들만 삭제하려고 합니다.</p><p>4. <input value="Equal"> 인 요소들은 삭제 했는데</p><p> 라디오버튼, 셀렉트 박스 선택자를 찾지를 못하겠습니다.</p><p> </p><p>제가 해본 시도로는 </p><p>radio의 경우 $("#form2").find("radio[name=radio]").remove();</p><p>this.remove();</p><p>$("#form2 :radio").find(".radio")</p><p> </p><p>select도 동일하게 몇가지 시도를 해보았는데 잘 되지 않습니다.</p><p> </p><p>제가 한국어가 약해서 질문이 제대로 전달되었는지 모르겠지만</p><p> </p><p>핵심은</p><p>value가 "Equal" 인 값들의 input박스, radio버튼, select박스 들을 지우는 것입니다.</p><p> </p><p> </p><p>쿼리에서 왼쪽과 오른쪽을 비교해서 같은 값들은 value로 Equal이라고 넣어줍니다.</p><p> </p><p> </p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
</p><p><script type="text/javascript" src="<a href="<a href="http://code.jquery.com/jquery-1.12.4.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.4.js</a>"><a href="http://code.jquery.com/jquery-1.12.4.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.4.js</a></a>"></script>
<script type="text/javascript">
$(function() {
$("#form2 > :input").each(function() {
if($(this).val() == "Equal") {
$(this).remove();
}
});
});
</script>
<form id="form1">
<input type="radio" name="radio" id="radio_Y" value="Y" class="radio" >Y
<input type="radio" name="radio" id="radio_N" value="Y" class="radio" >Y
<input id="id1" name id="id1" value="Equal" class="input" />
<input id="id2" name id="id2" value="test" class="input" />
<select id="sel1">
<option value="Equal">1</option>
</select>
</form>
<form id="form2">
<input type="radio" name="radio" id="radio_Y" value="Y" class="radio" >Y
<input type="radio" name="radio" id="radio_N" value="Y" class="radio" >Y
<input id="id1" name id="id1" value="Equal" class="input" />
<input id="id2" name id="id2" value="test" class="input" />
<select id="sel1">
<option value="Equal">1</option>
</select>
</form></p><p>1. 한 페이지에서 id는 유일해야 합니다.
2. radio라는 태그가 있나요? 처음 보네요.
3. select의 속성에는 value가 없습니다. https://www.w3schools.com/tags/tag_select.asp">https://www.w3schools.com/tags/tag_select.asp
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
선구자
8년 전
감사합니다.^^
�
선구자
8년 전
감사합니다.^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인