如何使用 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分开。

- chugh97

---

请展示一个 DOM 示例。你的问题非常不清楚。 - Tjirp

你是想要什么样的？是指你需要它们的引用吗？ - T.J. Crowder

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>

问题是：

我希望将选项卡1下的所有文本框分离到选项卡2下

$('#tab1 input:text')

然而，鉴于您的问题标题：

如何使用jQuery获取以特定模式开头并以另一个模式结尾的元素？

您可以使用以下方法：

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

使用^=（属性以开头选择器）和$=（属性以结尾选择器）。可通过JS Fiddle演示进行查看。

- David Thomas

Answer 2

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

$('#Tab1 input');

- Tjirp