jquery에서 다른 클래스가있는 요소 선택

Question

한 번에 다른 클래스의 요소를 선택할 수 있습니까? 나는이 방법으로 두 개의 서로 다른 클래스에있는 모든 텍스트 상자를 선택할 수 있습니다

 <div id="divAdd"> 
     <p style="font-size:16px; color:Blue; "></p> 
     <p class="test"> 

      <input:textbox id="id1" type:"text" /> 

     </p> 

     <p class="test"> 

      <input id="txtMobile" type="text" style="width:120px;" name="txtMobile"> 
     </p> 

     <p class="test"> 
      <input id="txtMobile" type="text" style="width:120px;"  name="txtMobile"> 
     </p> 

     <p class="child"> 

     <input id="txtMobile" type="text" style="width:120px;" name="txtMobile"> 

    </p> 

이있는 경우

는 생각 ??

$('#divAdd .test input:text, #divAdd .child input:text') 

또는 성능 향상을 위해 :

$('#divAdd .test input:text','#divAdd .child input:text').each(function() { 

    count++; 

     }); 
    </div> 

Answer 1

단지로 시도

이

$('#divAdd').find('.test, .child').find('input:text') 

Answer 2

당신은 여기에 따옴표가 필요하지 않습니다, 당신은 multiple selectors을 분리하는 쉼표 ,을 사용할 수 있습니다 :

$('#divAdd .test input:text, #divAdd .child input:text').each(function() { 

,

<input:textbox id="id1" type:"text" /> 

가 유효한 HTML 마크 업하지 않습니다 여기 :textbox을 제거해야합니다 :

또한 있습니다.

Answer 3

','은 필요하지 않습니다. 당신은 그냥 선택기를 분리하는 ,을 사용하십시오 ,

$('#divAdd .test input:text,#divAdd .child input:text') 

이 필요합니다.

Answer 4

또한 add()

$('#divAdd .test input:text').add('#divAdd .child input:text') 

사이드 참고를 사용할 수 있습니다 텍스트 상자 아이디의 고유해야합니다!

Answer 5

따옴표

$("#divAdd .test input:text,#divAdd .child input:text").each(function() { 

또는

$.merge($("selector"), $("selector")); 

를 사용하여, 이것을 시도