在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"));