如何在jQuery中以特定模式开始并以另一模式结束获取元素

Question

<div id="Tab1">
    <input type="text" id="ctl100_Tab1_one_text"/>
    <input type="text" id="ctl100_Tab1_two_text"/>

</div>
<div id="Tab2">
    <input type="text" id="ctl100_Tab2_one_text"/>
    <input type="text" id="ctl100_Tab2_two_text"/>

</div>

我希望Tab1下的所有文本框都与Tab2

分开

Answer 1

根据您发布的代码：

<div id="Tab1">
    <input type="text" id="ctl100_Tab1_one_text"/>
    <input type="text" id="ctl100_Tab1_two_text"/>

</div>
<div id="Tab2">
    <input type="text" id="ctl100_Tab2_one_text"/>
    <input type="text" id="ctl100_Tab2_two_text"/>

</div>

问题是：

  

我希望Tab1下的所有文本框都与Tab2

分开

$('#tab1 input:text')

但是，鉴于你的问题的标题：

  

如何在jQuery中以特定模式开始并以另一种模式结束？

您可以使用：

$('input:text[id^=startsWithPattern][id$=endsWithPattern]');

使用^= (attribute-starts-with selector)和$= (attribute-ends-with selector)。

如JS Fiddle demo所示。

Answer 2

要获取tab1下的所有输入类型，请使用此选择器：

$('#Tab1 input');