Jquery 선택기 요약

<p>Jquery에는 다양한 유형의 선택자가 있는데, 대략 다음과 같이 9가지 유형으로 나눌 수 있습니다. </p> <p class="best-text mb-10">(1)기본<br>#id <br>요소 <br>.class <br>* <br>selector1,selector2,selectorN <br><br>(2) 수준 선택기: <br>상위 하위 항목 <br>부모 > 자식 <br>이전 + 다음 <br>이전 ~ 형제 <br><br>(3) 기본 필터 선택기 <br>:first <br>:last <br>:not <br>: 짝수 <br>:odd <br>:eq <br>:gt <br>:lt <br>:header <br>:animated <br><br>(4) 콘텐츠 필터 선택기 <br>:contains <br>:empty <br>:has <br>:parent <br><br>(5) 가시성 필터 선택기 <br>:hidden <br>:visible <br><br>( 6) 속성 필터 선택기 <br> [속성] <br>[속성=값] <br>[속성!=값] <br>[속성^=값] <br>[속성$=값] <br>[속성*=값] <br> [attrSel1][attrSel2][attrSelN] <br><br>(7) 하위 요소 필터 선택기<br>:nth-child <br>:first-child <br>:last-child <br>:only-child <br><br>(8) 양식 선택기 <br>:input <br>:text <br>:password <br>:radio <br>:checkbox <br>:submit <br>:image <br>: 재설정 <br>:버튼 <br>:파일 <br>:숨김 <br><br>(9) 양식 필터 선택기 <br>:활성화 <br>:비활성화 <br>:선택됨 <br>:선택됨</p> <p>jQuery의 선택기는 매우 강력합니다. 다음은 일반적으로 사용되는 요소 검색 방법에 대한 간략한 요약입니다. </p> <p>$("#myELement") id 값이 myElement와 동일한 요소를 선택합니다. id 값은 반복될 수 없습니다. 문서에는 id 값 myElement가 하나만 있을 수 있으므로 얻는 것은 유일한 요소입니다. </p> <p>$("div") 모든 div 태그 요소를 선택하고 div 요소의 배열을 반환합니다. </p> <p>$(".myClass") myClass 클래스의 CSS를 사용하여 모든 요소 선택 </p> <p>$("*") 문서의 모든 요소를 ​​선택합니다. 공동 선택을 위해 다양한 선택 방법을 사용할 수 있습니다. 예: $("#myELement,div,.myclass")</p> <p>계단식 선택기: </p> <p>$("form input") 양식 요소의 모든 입력 요소 선택 </p> <p>$("#main > *") ID 값이 main인 모든 하위 요소를 선택합니다 </p> <p>$("label + input") 모든 레이블 요소 중 다음 입력 요소 노드를 선택합니다. 테스트 후 선택기는 입력 레이블 바로 뒤에 오는 모든 입력 레이블 요소를 반환합니다. </p> <p>$("#prev ~ div") 형제 선택자, 이 선택자는 ID가 prev인 태그 요소의 동일한 상위 요소에 속하는 모든 div 태그를 반환합니다</p> <p>기본 필터 선택기: </p> <p>$("tr:first") 모든 tr 요소 중 첫 번째 </p>를 선택합니다. <p> $ ("tr: last") 마지막 항목 선택 </p> <p>$("input:not(:checked) + 범위") </p> <p>필터 아웃: 선택된 선택기의 모든 입력 요소</p> <p>$("tr:even") 모든 tr 요소 중 0번째, 2번째, 4번째... 요소를 선택합니다. (참고: 선택한 여러 요소는 배열이므로 순서 번호는 0부터 시작됩니다.) </p> <p>$("tr:odd") 모든 tr 요소 중 첫 번째, 세 번째, 다섯 번째... 요소 선택 </p> <p>$("td:eq(2)") 모든 td 요소 중 일련번호가 2인 td 요소를 선택합니다 </p> <p>$("td:gt(4)") td 요소에서 시퀀스 번호가 4보다 큰 모든 td 요소를 선택합니다. </p> <p>$("td:lt(4)")               td 요소에서 시퀀스 번호가 4보다 작은 모든 td 요소를 선택합니다. </p> <p>$(":header")                                                                                                     h1, h2, h3 등을 선택하세요. </p>$("div:animated") 애니메이션 효과를 수행하는 요소를 선택하세요<p> </p>콘텐츠 필터 선택기: <p> </p>$("div:contains('John')")은 div에서 John 텍스트가 포함된 모든 요소를 ​​선택합니다. <p> </p>$("td:empty") 비어 있는 모든 td 요소의 배열을 선택합니다(텍스트 노드 제외) <p> </p>$("div:has(p)") p 태그가 포함된 모든 div 요소 선택 <p> </p>$("td:parent") td를 상위 노드로 사용하는 모든 요소 배열을 선택합니다. <p> </p>시각적 필터 선택기: <p> </p>$("div:hidden") 숨겨진 div 요소 모두 선택 <p> </p>$("div:visible") 표시되는 모든 div 요소 선택 <p> </p>속성 필터 선택기: <p> </p>$("div[id]") id 속성을 포함하는 모든 div 요소 선택 <p> </p>$("input[name='newsletter']") 이름 속성이 'newsletter'와 동일한 모든 입력 요소를 선택하세요<p> </p>$("input[name!='newsletter']") 이름 속성이 'newsletter'와 동일하지 않은 모든 입력 요소를 선택합니다<p> </p>$("input[name^='news']") 이름 속성이 'news'로 시작하는 모든 입력 요소를 선택하세요 <p></p> <p>$("input[name$='news']") 이름 속성이 'news'로 끝나는 모든 입력 요소를 선택합니다. </p> <p>$("input[name*='man']") 이름 속성에 'news'가 포함된 모든 입력 요소를 선택하세요</p> <p>$("input[id][name$='man']") 공동 선택을 위해 여러 속성을 사용할 수 있습니다. 이 선택기는 id 속성을 포함하는 모든 요소를 ​​가져오고 속성은 man으로 끝납니다.</p> <p>하위 요소 필터 선택기: </p> <p>$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")</p> <p>$("divspan:first-child") 모든 div 요소의 첫 번째 하위 노드 배열을 반환합니다. </p> <p>$("divspan:last-child") 모든 div 요소의 마지막 노드 배열을 반환합니다. </p> <p>$("div 버튼:only-child") 모든 div에 하위 노드가 하나만 있는 모든 하위 노드의 배열을 반환합니다</p> <p>양식 요소 선택기: </p> <p>$(":input") 입력, 텍스트 영역, 선택 및 버튼을 포함한 모든 양식 입력 요소를 선택합니다</p> <p>$(":text") 모든 텍스트 입력 요소 선택 </p> <p>$(":password") 모든 비밀번호 입력 요소 선택 </p> <p>$(":radio") 모든 라디오 입력 요소 선택 </p> <p>$(":checkbox") 모든 체크박스 입력 요소 선택 </p> <p>$(":submit") 모든 제출 입력 요소 선택 </p> <p>$(":image") 모든 이미지 입력 ​​요소 선택 </p> <p>$(":reset") 모든 재설정 입력 요소 선택 </p> <p>$(":button") 모든 버튼 입력 요소 선택 </p> <p>$(":file") 모든 파일 입력 요소 선택 </p> <p>$(":hidden") 숨겨진 유형인 양식의 모든 입력 요소 또는 숨겨진 필드를 선택합니다</p> <p>양식 요소 필터 선택기: </p> <p>$(":enabled") 작동 가능한 모든 양식 요소 선택 </p> <p>$(":disabled") 작동할 수 없는 모든 양식 요소 선택 </p> <p>$(":checked") 체크된 양식 요소 모두 선택 </p> <p>$("select option:selected")는 모든 선택된 하위 요소 중에서 선택된 요소를 선택합니다</p> <p> </p> <p>"S_03_22"라는 입력 텍스트 상자의 이전 td의 텍스트 값을 선택하세요</p> <p>$("입력[@ 이름 =S_03_22]").parent().prev().text()</p> <p>이름은 "S_"로 시작하고 "_R"로 끝나지 않습니다. </p> <p>$("input[@ 이름 ^='S_']").not("[@ 이름 $='_R']")</p> <p>radio_01이라는 라디오가 선택한 값</p> <p>$("입력[@ 이름 =radio_01][@checked]").val();</p> <p> </p> <p> </p> <p>$("A B")는 간접 하위 노드를 포함하여 A 요소 아래의 모든 하위 노드를 찾습니다</p> <p>$("A>B")는 A 요소 아래에서 직접 하위 노드를 찾습니다</p> <p>$("A+B")는 간접 하위 노드를 포함하여 A 요소 뒤에 있는 형제 노드를 찾습니다</p> <p>$("A~B")는 간접 하위 노드를 제외하고 A 요소 뒤에 있는 형제 노드를 찾습니다</p> <p>1. $("A B")는 간접 하위 노드를 포함하여 A 요소 아래의 모든 하위 노드를 찾습니다</p> <p>예: 양식의 모든 입력 요소 찾기</p> <p>HTML 코드:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_163283" class="syntaxhighlighter html"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <p>jQuery 代码:</p> <p>$("form input") </p> <p>结果:</p> <p>[ <input name="name" />, <input name="newsletter" /> ]</p> <p>2. $("A>B") 查找A元素下面的直接子节点 </p> <p>例子：匹配表单中所有的子级input元素。</p> <p>HTML 代码:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_935288" class="syntaxhighlighter html"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /><</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <p>jQuery 코드:</p> <p>$("양식 > 입력") </p> <p>결과:</p> <p>[ <입력 이름="이름" /> </p>3. $("A+B")는 간접 하위 노드를 포함하여 A 요소 뒤에 있는 형제 노드를 찾습니다. <p> </p>예: 라벨 다음의 모든 입력 요소 일치<p> </p>HTML 코드:<p> </p> <div class="cnblogs_Highlighter"> <div> <table border="0" cellpacing="0" cellpadding="0"> <tr> <td> <div class="line number1 index0 alt2">1<div id="highlighter_593836" class="syntaxhighlighter html"> <div class="line number2 index1 alt1">2<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> </code></div> </div> </td> </tr> </tbody> </table> <div class="line number3 index2 alt2">3 <div class="line number4 index3 alt1">4 <div class="line number5 index4 alt2">5 <div class="line number6 index5 alt1">6 <div class="line number7 index6 alt2">7 <div class="line number8 index7 alt1">8 <div class="line number9 index8 alt2">9 </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </td> <td> <div> <div class="line number1 index0 alt2"> <code class="html plain"><</code><code class="html 키워드">양식</code><code class="html plain">&gt ;</code><🎜> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html 키워드">레이블</code><code class="html plain">&gt ;이름:</</code><code class="html 키워드">라벨</code><code class="html plain">></code> <div class="line number3 index2 alt2"> <code class="html plain"><</code><code class="html 키워드">입력</code> <code class="html plain">이름 ="이름" /></code> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html 키워드">필드셋</code><code class="html plain">&gt ;</code><🎜> <div class="line number5 index4 alt2"><code class="html 공백"> </code><code class="html plain"><</code><code class="html 키워드">레이블< /code><code class="html plain">>뉴스레터:</</code><code class="html 키워드">라벨</code><code class="html plain">> 코드> <div class="line number6 index5 alt1"> <code class="html 공백"> </code><code class="html plain"><</code><code class="html 키워드">입력< /code> <code class="html plain">name="newsletter" /></code> <div class="line number7 index6 alt2"> <code class="html plain"></</code><code class="html 키워드">필드셋</code><code class="html plain"> ></code> <div class="line number8 index7 alt1"> <code class="html plain"></</code><code class="html 키워드">양식</code><code class="html plain"> ></code> <div class="line number9 index8 alt2"> <code class="html plain"><</code><code class="html 키워드">입력</code> <code class="html plain">이름 ="없음" /> </code> </div> </div> </div> </div></code></div> </div> </div> </div> </td> </tr> </table> </div> </div> <p class="best-text mb-10"> jQuery 코드:</p> <p> </p> <p>$("레이블 + 입력") </p> <p>결과:</p> <p>[ <input name="name" />, <input name="newsletter" /> ]</p> <p> </p> <p>4. $("A~B")는 간접 하위 노드를 제외하고 A 요소 뒤에 있는 형제 노드를 찾습니다. </p> <p>예: 형식의 형제인 모든 입력 요소 찾기</p> <p>HTML 코드:</p> <div class="cnblogs_Highlighter"> <div> <div id="highlighter_463800" class="syntaxhighlighter html"> <table border="0" cellpacing="0" cellpadding="0"> <tr> <td> <div class="line number1 index0 alt2">1<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="gutter"> <div class="line number1 index0 alt2">1</div> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5</div> <div class="line number6 index5 alt1">6</div> <div class="line number7 index6 alt2">7</div> <div class="line number8 index7 alt1">8</div> <div class="line number9 index8 alt2">9</div> <div class="line number10 index9 alt1">10</div> </td> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="html plain"><</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number2 index1 alt1"><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Name:</</code><code class="html keyword">label</code><code class="html plain">></code></div> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="name" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number5 index4 alt2"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">label</code><code class="html plain">>Newsletter:</</code><code class="html keyword">label</code><code class="html plain">></code> </div> <div class="line number6 index5 alt1"> <code class="html spaces">      </code><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="newsletter" /></code> </div> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html keyword">fieldset</code><code class="html plain">></code></div> <div class="line number8 index7 alt1"><code class="html plain"></</code><code class="html keyword">form</code><code class="html plain">></code></div> <div class="line number9 index8 alt2"><code class="html plain"><</code><code class="html keyword">input</code> <code class="html plain">name="none" /> <</code><code class="html keyword">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; font-size: medium;" size="4" face="verdana, 'courier new'"><</code><code class="html keyword">span</code> <code class="html plain">style="font-size: 14px; line-height: 21px; white-space: normal;"></code></div> <div class="line number10 index9 alt1"><code class="html plain"></</code><code class="html keyword">span</code><code class="html plain">></</code><code class="html keyword">span</code><code class="html plain">></code></div> </div> </td> </tr> </tbody> </table> <div class="line number2 index1 alt1">2</div> <div class="line number3 index2 alt2">3</div> <div class="line number4 index3 alt1">4</div> <div class="line number5 index4 alt2">5<p> </p> <div class="line number6 index5 alt1">6 <div class="line number7 index6 alt2">7<p> </p> <div class="line number8 index7 alt1">8 <div class="line number9 index8 alt2">9<p> </p> <div class="line number10 index9 alt1">10 </div> </div> </div> </div> </div> </div> </div> </td> <td> <div> <div class="line number1 index0 alt2"> <code class="html plain"><</code><code class="html 키워드">양식</code><code class="html plain">&gt ;</code><p> </p> <div class="line number2 index1 alt1"> <code class="html plain"><</code><code class="html 키워드">레이블</code><code class="html plain">&gt ;이름:</</code><code class="html 키워드">라벨</code><code class="html plain">></code> <div class="line number3 index2 alt2"><code class="html plain"><</code><code class="html 키워드">입력</code> <code class="html plain">이름 ="이름" /></code></div> <div class="line number4 index3 alt1"><code class="html plain"><</code><code class="html 키워드">필드셋</code><code class="html plain">&gt ;</code><div id="MySignature"> <div class="line number5 index4 alt2"><code class="html 공백"> </code><code class="html plain"><</code><code class="html 키워드">레이블< /code><code class="html plain">>뉴스레터:</</code><code class="html 키워드">라벨</code><code class="html plain">> 코드></code></div> <div class="line number6 index5 alt1"> <code class="html 공백"> </code><code class="html plain"><</code><code class="html 키워드">입력< /code> <code class="html plain">name="newsletter" /></code><div class="clear"> <div class="line number7 index6 alt2"><code class="html plain"></</code><code class="html 키워드">필드셋</code><code class="html plain"> ></code></div> <div class="line number8 index7 alt1"> <code class="html plain"></</code><code class="html 키워드">양식</code><code class="html plain"> ></code> <div class="line number9 index8 alt2"> <code class="html plain"><</code><code class="html 키워드">입력</code> <code class="html plain">이름 ="none" /> <</code><code class="html 키워드">span</code> <code class="html plain">style="font-family: verdana, 'courier new'; 글꼴 크기: 중간;" size="4" face="verdana, 'courier new'"><</code><code class="html 키워드">span</code> <code class="html plain">style="글꼴 크기: 14px; 줄 높이: 21px; 공백: 일반;"></code> <div class="line number10 index9 alt1"> <code class="html plain"></</code><code class="html 키워드">span</code><code class="html plain"> ></</code><code class="html 키워드">span</code><code class="html plain">></code> </div> </div> </div> </div> </div> </div> </div> </div> </td> </tr> </table> jQuery 코드: $("양식 ~ 입력") 결과: [ <input name="none" /> ] </div> </div> </div>