JQuery，如何找到具有相似ID的div列表

Question

我有一个这样的html结构：

<div id="triger1">some elements inside</div>
<div id="triger2">some elements inside</div>
<div id="triger3">some elements inside</div>
<div id="triger4">some elements inside</div>

如何在 JQuery 中获取包含触发器 ID 的所有 div 数组（如您所见，它们都有触发器但编号不同，例如 triger1、triger2 等...）

提前致谢

Answer 1

选择id属性包含字符串triger的所有div元素：

$('div[id*="triger"]');

在 jQuery 文档中有更多关于使用 *= 的信息：Attribute Contains Selector [name*="value"]

Answer 2

您实际上可以在选择器中使用正则表达式来准确实现您正在寻找的内容，例如：

$("div:regex(id, yourRegularExpression)");

（注意：这确实需要regex-selector 插件）

有人问过类似的问题here。

你可以阅读所有关于正则表达式的文章here。

正如其他人指出的那样，您可以像这样获得相同的结果：

$("div[id^='partOfID']");

通过使用一个简单的 jQuery 选择器。但是，对于更复杂的选择，您需要使用regex plugin 或手动进行，如linked question 中所述。

祝你好运！

Answer 3

您可以使用以下内容：

$("div[id^='triger']")

这将返回所有<div> 和id，以triger 开头（^=）。

您可以在 jQuery 文档中获得有关各种 jQuery 选择器的更多信息：

API/Selectors

Answer 4

var trigerList = $("div[id^='triger']");