javascript - 如何使用正则表达式通过 jQuery 按 ID 选择元素？

Question

我有以下输入元素:

<input id="AAA_RandomString_BBB" type="text" />
<input id="AAA_RandomString_BBB_Start" type="text" />
<input id="AAA_RandomString_BBB_End" type="text" />

AAA 和 BBB 是常数，我将永远知道它们是什么。然而，RandomString 将始终是随机的。

我想获取 AAA_RandomString_BBB 的值。我不希望 ID 以 _Start 或 _End 结尾的输入元素的值。

我尝试了以下方法:

$('[id^="AAA_"]')

但是上面选择了所有 ID 以“AAA_”开头的输入元素

我需要一些方法来使用正则表达式类型语法进行选择，例如:

$('[id^="AAA_(.+?)_BBB"]')

这可能吗？如果没有，任何人都可以建议一种选择方法

Answer 1

您可以在 multiple attribute selector 中组合两个选择器.

​$("[id^=AAA_][id$=_BBB]")

它将返回匹配所有指定属性过滤器的所有元素:

• [id^=AAA_]匹配具有 id 属性且以 AAA_ 开头的元素，以及
• [id$=_BBB]匹配具有以 _BBB 结尾的 id 属性的元素。

---

另一个通用替代品:

• 使用 custom :regex() selector ,
• 使用 .filter()-based approach .