在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') 

侧面说明：文本框的ID必须是唯一的！

Answer 5

试试这个，使用双引号

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

或

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