选择器中的 jQuery 通配符

Question

在我的 DOM 中，我有一个动态生成对话框的表。 DOM 中的对话框将具有以下形式的 ID:

• id="page:form:0:dlg"
• id="page:form:1:dlg"
• id="page:form:2:dlg"

现在我想使用 jquery 选择对话框:

$("#page\\:form\\:0\\:dlg")

这当然只适用于第一个。我可以以某种方式在选择器中指定通配符吗？$("#page\\:form\\:*\\:dlg")

谢谢

Answer 1

由于一切都遵循相同的模式，因此您可以使用 ^ 选择器:

$('[id^="page\:form"]')

另外，不要使用双\\。奇怪的是，无论有没有 \，它都可以工作。

片段

$(function () {
  $('[id^="page\:form"]').css({
    "background": "red",
    "color": "white"
  });
});

div {padding: 15px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="page:form:0:dlg">Should turn red</div>
<div id="something:0">Should not turn red</div>
<div id="page:form:1:dlg">Should turn red</div>
<div id="something:1">Should not turn red</div>
<div id="page:form:2:dlg">Should turn red</div>