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').each(function () {

    count++;

      });
  </div>

Answer 1

试试：

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

或者为了更好的表现：

$('#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"));

在jquery中选择具有不同类的元素

5 个答案: