如何在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选择器)和$=(attribute-ends-with selector).

正如JS Fiddle演示所示.